小程序使用rpx,是不是各种bug?

宽度使用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的情况

阅读 6.2k
2 个回答

微信官方回复了:因为rpx在换算的过程中不可避免地会出现小数点的情况。这时显示上就有可能出现1-2px的误差。如果对样式要求比较高的话,建议使用 CSS 的 media-query来做响应式页面。

适合较大屏幕,小屏幕的适合误差有点大。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题