最近发现在制作手机网页div边框1px都好粗啊,看到其他的app边线很细很精致,心想是不是他们设置边框为0.5px的啊!
于是就把边线也设置成了0.5px,在ios8下面非常完美。
问题来了, 在ios7和安卓都不能显示边线了。看来这个方法不可行。
最终的解决方案在下面:
先制作了一个背景图,高2px,宽1px,一共两个像素,给第一个像素填充颜色如#333;另一个像素是透明,保存为png格式的图片。给div设置背景图,背景图用刚才的png。
用到了CSS3的:background-size属性。
把2px的背景图压缩成了1px,其中的颜色部分就压缩成了0.5像素。
原文链接:https://blog.csdn.net/chengshiruxia/article/details/51836321