我们知道,在苹果手机的浏览器上,如果你用1px来表达宽度,那么得到的实际效果是一个很宽的很丑陋的线
去百度搜了搜,大家实现的方式多种,大都是用阴影来做的
但是阴影这东西,一是色不准,二是这玩意很影响性能,所以不行啊
下面楼主提供了一个办法,兼容所有手机浏览器。。。
用ps做一张2*2px的图片,
上半部分一个像素的空白,下半部分是一个像素的黑(你目标的颜色)
然后css
background-size : 1px 1px;
repeat-x:repeat;
background-position:bottom
over
非常完美的一条线