移动设备的分辨率和rpx

从一张设计图的实现说起

为什么模拟器下 iPhone6的分辨率是375,而设计图一般给750?


pt也称为逻辑分辨率

pt的大小和屏幕尺寸有关系,简单可以理解为长度和视觉单位

px指物理分辨率,和屏幕尺寸没有关系。点没有大小之说

1个pt可以由一个px构成,也可以有两个,还可以有三个甚至更多

iPhone6下2个px才构成一个pt

如何做不同分辨率设备下的自适应?

以iPhone6物理像素750X1334为视觉稿进行设计,而在小程序中使用rpx为单位

iPhone6下1px = 1rpx = 0.5pt

使用rpx,小程序会自动在不同的分辨率下进行转换,而使用px单位则不会

为什么要用iPhone6的物理分辨率来做设计图?

iPhone6下1px = 1rpx   (容易换算)

iPhone plus 下 1px = 0.6rpx

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容