移动设备分辨率

移动设备分辨率

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

移动设备分辨率

上一篇:Appweb(CVE-2018-8715)漏洞复现


下一篇:(html+css)_移动端适配方案一(流式布局)