微信小程序 rpx 布局方便

作者:vkvi 来源:ITPOW(原创) 日期:2017-5-26

手机网页由于无法固定每个客户端的浏览器宽度,所以一般用百分比,用百分比在某些方面始终不太方便。

但是微信小程序就个比较方便的 rpx

就是说规定所有屏幕都是 750rpx,我们就按这个宽度来使用,尺寸单位就用 rpx。

当在不同屏幕的手机上使用时,微信会自动实现 rpx 与 px 的转换,为我们省了不少事。

当然,这东西也并非完美,就是在 rpx 与 px 转换时,有时候总会有那么点小数,就会产生一个四舍五入,所以我们把 750 划分为三等分,代码上看起没问题,在某些手机上显示时,就因为四舍五入,造成结果多一个像素,造成一行显示不下这三等分。所以我们可以考虑留点余量。

相关文章