社区
CSS
帖子详情
APP尺寸大小该怎么设置呢?做出来的在手机上测试分辨率总是不对.
yanchunmeihui97808
2018-12-26 12:29:37
APP尺寸大小该怎么设置呢?做出来的在手机上测试分辨率总是不对.
...全文
587
1
打赏
收藏
APP尺寸大小该怎么设置呢?做出来的在手机上测试分辨率总是不对.
APP尺寸大小该怎么设置呢?做出来的在手机上测试分辨率总是不对.
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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转换工具
第一步:解压DimensEx.rar,里面有一个工具和一个dimens.xml模板,该dimens.xml中包函了从1px到1400px,相信足够大家使用了,如果不够,可自行添加。 第二步:建立工程并将解压出的dimens.xml复制到/res/values文件夹下。 第三步:开始写布局文件,写的时候如果有要
设置
大小
,则不要直接写成如:android:layout_width:"20dp"的形式,应该写成:android:layout_width:"@dimen/DIG_20PX",注意这里如果是
设置
背景图片,则
大小
是图片的
大小
(右击图片——属性——
大小
),所有的
大小
都这样写,包括字体
大小
。 第四步:当整个
app
按照这个方式开发完成后,如果想适应其它的
分辨率
,则先用工具
测试
一下当前设备的
分辨率
,这里我们假定你当前的开发机的
分辨率
为800x480,dpi为240,现在想要适应的
分辨率
是1280x720,dpi是160。运行DimensEx.exe,点击上方的Browse按钮找到解压出来的dimens.xml,然后输入相关信息,点击Transfor按钮开始转换,转换完成后,点击下方的Browser按钮,选择输入路径,如图1所示。此时点击Export后会在输出路径上生成一个saveDimens.xml。 第五步:在/res/文件夹下建立一个名为:values-1280x720的文件夹,将saveDimens.xml复制进去并将名字命名为:dimens.xml,至此操作全部完成。 第六步:找一部
分辨率
为1280x720,dpi为160的设备,将项目运行在上面,你会发现已经完美适配。
【Android】通过控制dpi来实现修改
分辨率
和显示
大小
app
布局错乱问题
在开发
app
时,自适应问题是都需要解决的问题,一般大家的实现方式是 1. 给字体不同
分辨率
设置
对应的sp,然后根据不同的
分辨率
显示对应的
大小
。 2.
设置
布局中的单位为dp,这样不同的
手机
,字体会自动变大变小。 笔者在开发中使用了第二种方法,使用了dp作为单位。这也导致在后续的
测试
中出现了下面的问题: 1. 当手动修改
手机
的【
设置
】中的【显示
大小
】后,
app
字体会自动变大导致布局错乱,超出范围 2. 现在很多
手机
,比如华为,可以在
手机
的【
设置
】中手动修改【
分辨率
】,一旦修改
分辨率
后,同样也会出现
web界面兼容性
测试
--浏览器/平台/
分辨率
文章目录兼容性
测试
屏幕(主屏)
尺寸
分辨率
屏幕
分辨率
什么是屏幕像素密度?屏幕像素密度,
分辨率
,屏幕
尺寸
的关系是什么?电脑屏幕可以调
分辨率
,难道是通过调整它的像素
大小
实现的? 兼容性
测试
兼容性
测试
主要是针对不同的操作系统平台,浏览器,以及
分辨率
进行的
测试
。由于用户浏览器的不同,往往都会使我们的网页发生页面样式错乱,图片无法显示等问题。因此我们就需要对网页进行兼容性
测试
。对于应用,我们无法预计用户的客...
做
手机
APP
测试
,包括哪些
测试
要点?
做
APP
测试
,都需要关注哪些
测试
要点,下面给你来概述一下。 1.安装卸载
测试
包括安装显示、提示、写入,卸载取消、提示、显示 、删除; 2.UI
测试
包括导航,图像,内容:显示、布局、文字、格式、图片、
大小
; 3.功能
测试
包括数据输入、异常处理,业务使用场景等的
测试
; 4.兼容性
测试
APP
与其它应用、操作系统、
分辨率
、品牌、网络的兼容性; 5.多应用
测试
多应用使用、前后切换、短信电话邮件干扰,操作干扰; 6.易用性
测试
界面设计、引导、误导、...
APP
专项
测试
-兼容性
Android不同版本(如4.4、5.1、6.0等)和iOS不同版本(如9.0、10.0等)Home键、电源键、音量键等硬件兼容,以及WLAN、事件调节等操作系统软件兼容。
手机
型号
测试
策略(考虑销量和使用排行)和
分辨率
测试
重点(记住前三个常见
分辨率
)使用员工
手机
、租
手机
、固定机型
测试
或找第三方兼容平台(如云测平台)
手机
型号、系统版本、
分辨率
、网络和应用的兼容、硬件兼容。耳机蓝牙、按键、操作系统和其他
APP
的兼容性。筛选机型、系统、
分辨率
,加载
手机
进行
测试
。安卓、三星、小米、OPPO、华为等。
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章