小程序

微信小程序真机 border 1rpx 显示不全的问题

最近开发微信小程序的时候,发现在某些真机上,比如 iPhone X , 某些元素的边框会消失,还不是全部消失,而是消失某一边,比如上边,或者左边。

最开始以为是 overflow:hidden 的原因,增加了边距,加了 overflow: visible,还是不行。

然后有换了几种办法实现 border,比如利用 ::before 或者 ::after 伪类加一个层,给这个层加 border,或者给这个层设置上下左右边距 1rpx,再或者,利用 box-shadow,但调试真机时都失败了。iPhone X 正常,iPhone 6P 不正常;要么iPhone X 不正常,iPhone 6P 正常。

网上有人说是跟元素尺寸的偶数奇数有关。

我写了一个代码片段: wechatide://minicode/W0gwdnmO7h2T ,可惜代码片段不能在真机上运行。