如何在手机浏览器上实现真正的0.5像素的线

我们知道，在苹果手机的浏览器上，如果你用1px来表达宽度，那么得到的实际效果是一个很宽的很丑陋的线

去百度搜了搜，大家实现的方式多种，大都是用阴影来做的

但是阴影这东西，一是色不准，二是这玩意很影响性能，所以不行啊

下面楼主提供了一个办法，兼容所有手机浏览器。。。

用ps做一张2*2px的图片，

上半部分一个像素的空白，下半部分是一个像素的黑（你目标的颜色）

然后css

background-size : 1px 1px;

repeat-x:repeat;

background-position:bottom

over

非常完美的一条线