社区
CSS
帖子详情
APP尺寸大小该怎么设置呢?做出来的在手机上测试分辨率总是不对.
yanchunmeihui97808
2018-12-26 12:29:37
APP尺寸大小该怎么设置呢?做出来的在手机上测试分辨率总是不对.
...全文
539
1
打赏
收藏
APP尺寸大小该怎么设置呢?做出来的在手机上测试分辨率总是不对.
APP尺寸大小该怎么设置呢?做出来的在手机上测试分辨率总是不对.
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
dieweiliao0477
2018-12-26
打赏
举报
回复
px+百分比方式适配
在我看来,这种适配方式应该是最简单的,将宽度全部使用百分比的形式处理,而高度根据设计稿给出的高度来处理。并且对于各种设备都是挺友好,但是我发现有一个问题就是,对设计稿的还原度不是很高,因为设计稿上应该标的宽度和高度都是px,(ps:找美工MM把宽度改成百分比来表示也不失为一种办法,^ _ ^)因此有时候得到的页面效果不是很理想,毕竟设计者是按照每个像素每个像素抠的,然后我们拿到后几个像素几个像素的误差来做,还是有点说不通。因此,我觉得对于简单的应用或者对界面要求不高的界面可以使用这种方式来做。
viewport方式适配
这种方式理解起来可能要难一点,不过其实还是很简单的,我这里讲的可能比较的简单,具体的这种方法的应用,各位可以自行百度,下面我就简单的说说这种适配方式。
首先我们都知道HTML5里面有个<meta /> 标签,并且有个viewport属性
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-sc
这种适配方式想要适配不同机型,还需要搭配媒体查询,或是JS动态计算。
使用媒体查询时,我们需要具体的知道需要适配的屏幕精确的屏幕宽度或者范围,一般是使用范围进行适配,当遇到比较特殊的情况再单独处理,还可以在页面未渲染时,
使用JS动态计算时,需要获取屏幕宽度做一个计算,然后根据计算到的倍数精确的设置页面缩放的倍数。
两种方式各有利弊,使用媒体查询比较的麻烦,并且可能有些尺寸我们没考虑到,而使用JS动态计算,会降低页面渲染时间,我们都知道JS的执行是阻塞页面渲染的。
rem适配
首先我们都知道em和rem,并且我就默认大家都知道这两个单位是干嘛的了(不知道的可以自行百度哟)我们要做的事是什么呢,将网页的根元素的font-size设置一个动态计算到的值,然后将页面上所有的尺寸换成rem来处理,简单的说就是
Android--多
分辨率
使用dimens转换工具
第四步:当整个
app
按照这个方式开发完成后,如果想适应其它的
分辨率
,则先用工具
测试
一下当前设备的
分辨率
,这里我们假定你当前的开发机的
分辨率
为800x480,dpi为240,现在想要适应的
分辨率
是1280x720,dpi是160。...
web界面兼容性
测试
--浏览器/平台/
分辨率
文章目录兼容性
测试
屏幕(主屏)
尺寸
分辨率
屏幕
分辨率
什么是屏幕像素密度?屏幕像素密度,
分辨率
,屏幕
尺寸
的关系是什么?电脑屏幕可以调
分辨率
,难道是通过调整它的像素
大小
实现的? 兼容性
测试
兼容性
测试
主要是...
app
功能
测试
和性能
测试
课程
app
应用市场占比越来越高,软件
测试
工程师必须具备
app
应用
测试
技能。 本课程分成两个阶段: 第一阶段主要讲解
app
功能
测试
、兼容性、数据安全、弱网络、卸载、安装等知识。 第二阶段主要讲解
APP
性能指标、adb...
【Android】通过控制dpi来实现修改
分辨率
和显示
大小
app
布局错乱问题
在开发
app
时,自适应问题是都需要解决的问题,一般大家的实现方式是 1. 给字体不同
分辨率
设置
对应的sp,...2. 现在很多
手机
,比如华为,可以在
手机
的【
设置
】中手动修改【
分辨率
】,一旦修改
分辨率
后,同样也会出现
android 相机预览的
分辨率
,Android开发 Camera2开发_2_预览
分辨率
或拍照
分辨率
的计算...
所以在需要大量机型适配的
app
,是不建议不经过计算直接自定义
分辨率
设置
到预览或者拍照照片中,有概率会因为摄像头不支持你输入的自定义
分辨率
导致报错或者打不开摄像头.如果你的确有需求要自定义
分辨率
,那么使用场景...
CSS
61,112
社区成员
60,732
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章