碰到个问题,
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-gradient1, 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;
}