微信小程序使用的rpx单位,同样的样式,为什么在小屏iphone5和ipad上与其他机型样式会有差异?
例如:
.tabbar{
position:fixed;
top:0;
width:100%;
z-index:999;
background-color:#fff;
}
.index{
margin-top:100rpx
}
同样margin-top:100rpx,在iphone5和ipad上与其他机型不一样,ipad默认的是px?
rpx是自适应单位。微信规定所有设备的屏幕宽度都是750rpx。ipad屏幕宽,每一个rpx代表的长度就大。100rpx就会显得很长。详见:
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html#%E5%B0%BA%E5%AF%B8%E5%8D%95%E4%BD%8D