微信小程序 0.5px的border在ios上显示粗细不均匀的解决方法

Posted 2023-02-26

参考技术A 如题所述，在微信小程序中，0.5px的boder在ios上会显示粗细不均匀，这是由于ios的像素导致的，具体的可以看 https://www.jianshu.com/p/539e5a9129d6

具体的解决方案如下：

不再是直接style里面添加0.5px的border，而是内部添加一个view，把border通过伪元素绘制出来，宽高是200%、边框是1px，通过缩放0.5倍，绘制出和父视图一样的粗细的border，在ios上也能保证粗细一致。