如何解决边框模糊问题？

Question

设置的1px底边框 出来的效果是这样的

糊掉了，我把屏幕调整200%后就清晰了，这是什么问题？

Answer 1

这个你使用了transform ：translateY(-50%)之类的吗 如果是 就必须借助js判断白色那块的实际高度能否整除于2 如果不能整除于2 就给他一个class 然后这个class是padding-bottom：1px 就行了

Answer 2

好像是IOS下1px的边框会被压缩到0.5从而导致模糊，以前听人提到过，但是没注意怎么解决的，现在的框架应该有解决过。

Answer 3

设置2px试试，一般用偶数值比较好

Answer 4

我是没看出来糊...楼上说的大概是canvas里的lineWidth的问题CSS的border还没有遇到过这问题, 坐等高手解答

Answer 5

用 box-shadow 取代或用 border-image:url( data:image/svg... )