小程式1rpx邊框ios真機顯示不全問題

2022-06-05 18:27:08 字數 396 閱讀 8970

小程式在iphonex、iphone6、6p等真機上如果有一排帶邊框的input標籤時,可能會出現個別邊框顯示不全的問題,

當標籤的父容器寬度(單位rpx)÷2的值為偶數或偶數.5的時候會出現該bug,那麼我們可以推到出用200.52=401,3022=604等等都會重現這個bug,

第一種方式是設定標籤父容器的寬度到無bug值,即(奇數或奇數.5)2,例如2812rpx,281.5*2rpx可以解決;

第二種方式是補充畫素單位:步驟1中wxml增加space的view後如下:,步驟1中wxss中增加space類為:.space

border用background-image替代,即用切乙個1px的背景圖當容器的邊框

寫成行內樣式,避免渲染問題產生

微信小程式 rpx單位的理解

如何理解rpx?rpx responsive pixel 可以根據螢幕寬度進行自適應。規定螢幕寬為750rpx。如在 iphone6 上,螢幕寬度為375px,共有750個物理畫素,則750rpx 375px 750物理畫素,1rpx 0.5px 1物理畫素。小測試 1 rpx 全稱是什麼?請填寫英...

微信小程式為什麼引入 rpx

眾所周知,px 是乙個叫做畫素的東西,pixel。畫素是指由影象的小方格組成的,這些小方塊都有乙個明確的位置和被分配的色彩數值,小方格顏色和位置就決定該影象所呈現出來的樣子。可以將畫素視為整個影象中不可分割的單位或者是元素。不可分割的意思是它不能夠再切割成更小單位抑或是元素,它是以乙個單一顏色的小格...

微信小程式開發 從px到rpx

但是這不是我們要關注的重點。在使用rem時,我們常常讓設計師根據iphone6的標準出設計稿。因為如果以iphone6為標準,並且在iphone6上將fontsize設定成62.5 那麼1rem就等於10px,我們只要將設計師標註的尺寸 一般標註的是物理解析度 除以20就可以得到單位為rem的數值了...