在iOS的webview 上画一条1px的线

碰到个问题，

o.5px的线，iOS 8.0上没问题，iOS 7上就不显示。

放狗搜：

ios webview draw 1px line

答案：CSS retina hairline, the easy way.

当中还提到一些别的方法：

That’s it. Best of all, unlike previous solutions involving SVG or GIF or transforms or linear-gradient¹, you can have retina hairlines on elements with rounded corners (border-radius).

最后还是用了

                .hairlines {

                    background: linear-gradient(transparent 0%, transparent 50%, #d5d5d5 50%, #d5d5d5 100%);

                    height:1px;

                }

发现在iOS 6上不显示，

继续，修改成-webkit-linear-gradient(

                .hairlines {

                    background: -webkit-linear-gradient(transparent 0%, transparent 50%, #d5d5d5 50%, #d5d5d5 100%);

                    height:1px;

                }