最近开发微信小程序的时候,发现在某些真机上,比如 iPhone X , 某些元素的边框会消失,还不是全部消失,而是消失某一边,比如上边,或者左边。
最开始以为是 overflow:hidden
的原因,增加了边距,加了 overflow: visible
,还是不行。
然后有换了几种办法实现 border,比如利用 ::before
或者 ::after
伪类加一个层,给这个层加 border
,或者给这个层设置上下左右边距 1rpx
,再或者,利用 box-shadow
,但调试真机时都失败了。iPhone X 正常,iPhone 6P 不正常;要么iPhone X 不正常,iPhone 6P 正常。
网上有人说是跟元素尺寸的偶数奇数有关。
我写了一个代码片段: wechatide://minicode/W0gwdnmO7h2T ,可惜代码片段不能在真机上运行。