首页 > 移动平台 > 详细

移动设备分辨率

时间:2019-07-15 20:23:18      阅读:88      评论:0      收藏:0      [点我收藏+]

技术分享图片

pt、px、em、rem、rpx的区别

pt:逻辑分辨率,长度单位,视觉单位,和屏幕尺寸有关

px:物理分辨率,像素点,和屏幕尺寸无关

em:相对于其父级的字体大小的,即倍数。浏览器的默认字体高都是 16px,未经调整的浏览器显示 1em = 16px。所以首先在html中全局声明 font-size=62.5%=10px

rem:相对于根元素 <html> 的字体大小。存在兼容问题

rpx:是微信小程序的尺寸单位, 小程序会在不同分辨率下进行转换,微信小程序规定屏幕的宽度为750rpx。iPhone5下1rpx = 0.5pt。

补充

几倍图就是1个pt下能包含几个物理像素点

PPI是每一寸包含的物理像素点

移动端中的px指的是逻辑分辨率,而不是指物理像素,而设计图上给出的是物理像素。

移动设备分辨率

原文:https://www.cnblogs.com/Ingots/p/11191119.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!