鍍金池/ 問答/HTML/ 小程序使用rpx,是不是各種bug?

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

寬度使用rpx正常,添加border或者padding后,rpx就無法自適應(yīng)各種屏幕。高度使用rpx更是不行。是我的使用方式不對,還是rpx確實不給力呢?

諸如以下情況

<view class="page"></view>
.page {
  /* border: 30rpx solid red; */
  padding: 30rpx;
  width:690rpx;
}

無論是給page添加border或者padding,只有在屏幕寬度為375px的時候,page的寬度占滿,在其他任何屏幕都會出現(xiàn)丟失1px-2px的情況

回答
編輯回答
萌吟

微信官方回復(fù)了:因為rpx在換算的過程中不可避免地會出現(xiàn)小數(shù)點的情況。這時顯示上就有可能出現(xiàn)1-2px的誤差。如果對樣式要求比較高的話,建議使用 CSS 的 media-query來做響應(yīng)式頁面。

2018年1月2日 00:46