相关常识
分辨率
分辨率是屏幕像素的数量,一般用屏幕宽度的像素点乘以屏幕高度的像素点。如描述iphone6的分辨率是750*1334。分为下面两类:
- 物理分辨率是硬件所支持的分辨率。
- 逻辑分辨率是软件可以达到的分辨率。
- 实际工作中设计师常常给的是物理分辨率,程序中用到的是逻辑分辨率,但是都称为分辨率,容易混淆。
如iphone6的逻辑分辨率:375667;物理分辨率:7501334。
像素倍率dpr
物理分辨率和逻辑分辨率的商称为像素倍率dpr,也就是常说的几倍屏。
所以iphone6的像素倍率=(7501334)/(375667)=2,也就是2倍屏
px
px就是Pixel的缩写,就是指像素。像素是图像的基本采样单位,它不是一个确定的物理量,因为像素点的物理大小是不确定的。
rem
在做移动端适配是最常用的方法就是使用rem作为单位,因为rem是根据html的fontsize去动态计算实际的px的。
所以常常应用这点,做反向使用。即根据屏幕大小动态的设置fontsize.来达到不同的分辨率下有一样的效果。
故而在设置字体的时候,可以使用rem。
微信-rpx
rpx(responsive pixel): 可以根据屏幕宽度进行自适应。
微信规定屏幕宽为750rpx。
如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,
故而,在iPhone6中:1rpx = 0.5px = 1物理像素。
rpx换算px 逻辑屏幕宽度/750
px换算rpx 750/逻辑屏幕宽度)
也即是:在开发小程序的时候,可以用 iPhone6 作为视觉稿的标准,此时,1rpx=1物理像素,最大宽度是750rpx