pt、px、em、rem、rpx的区别
px:物理分辨率,像素点,和屏幕尺寸无关
em:相对于其父级的字体大小的,即倍数。浏览器的默认字体高都是 16px,未经调整的浏览器显示 1em = 16px。所以首先在html中全局声明 font-size=62.5%=10px
rem:相对于根元素 <html>
的字体大小。存在兼容问题
rpx:是微信小程序的尺寸单位, 小程序会在不同分辨率下进行转换,微信小程序规定屏幕的宽度为750rpx。iPhone5下1rpx = 0.5pt。
补充
几倍图就是1个pt下能包含几个物理像素点
PPI是每一寸包含的物理像素点
移动端中的px指的是逻辑分辨率,而不是指物理像素,而设计图上给出的是物理像素。