rpx是微信小程序中css的尺寸单位,可以根据屏幕宽度进行自适配,rpx换算成px:屏幕宽度/750,px换算成rpx:750/屏幕宽度,示例如下:
- iPhone5设备中: 1rpx = 0.42px 1px = 2.34px;
- iPhone6设备中: 1rpx = 0.5px 1px = 2rpx;
- iPhone6s设备中: 1rpx = 0.552px 1px = 1.81rpx; 1px问题指的是:在一些Retina屏幕的机型上,移动端上的1px会变粗,并不是真正1px的效果.原因是CSS中的1px并不能和移动端上的1px划等号,它们直接的比例关系:
- window.devicePixelRatio=设备屏幕的物理像素/CSS像素