宽度使用rpx正常,添加border或者padding后,rpx就无法自适应各种屏幕。高度使用rpx更是不行。是我的使用方式不对,还是rpx确实不给力呢?
诸如以下情况
<view class="page"></view>
.page {
/* border: 30rpx solid red; */
padding: 30rpx;
width:690rpx;
}
无论是给page添加border或者padding,只有在屏幕宽度为375px的时候,page的宽度占满,在其他任何屏幕都会出现丢失1px-2px的情况
微信官方回复了:因为rpx在换算的过程中不可避免地会出现小数点的情况。这时显示上就有可能出现1-2px的误差。如果对样式要求比较高的话,建议使用 CSS 的 media-query来做响应式页面。