移动设备分辨率

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指的是逻辑分辨率,而不是指物理像素,而设计图上给出的是物理像素。

posted @ 2019-07-15 20:03  迷糊的小元宝  阅读(158)  评论(0)    收藏  举报