rpx(responsive pixel)
是WXSS中引入的新的尺寸单位,可以适配不同的屏幕宽度,规定屏幕宽度为750rpx.
<view style="width:200rpx;height:200rpx;background-color:#00ff00;margin-top:100rpx;margin-left:100rpx;">ic</view>
<view style="width:200px;height:200px;background-color:#00ff00;margin-top:100px;margin-left:100px;">ic</view>
效果展示:
会明显的感觉到在两种手机模式下,用了px的正方形的位置有了明星的变化,这就是px相对于rpx的缺陷,
换算基准:
以375个物理像素为基准,即在一个宽度为375物理像素的屏幕下,1rpx=1px;
举个例子,在iphone6的屏幕下:
屏幕宽度为375px,共有750个物理像素 1rpx=375/750=0.5px;
一些常用设备的单位换算如下: