关于0.5像素边线的问题

novaviva

border-top: 0.5px solid #aaaaaa;

最近发现在制作div边框的时候其他的app边线很细很精致，我的很粗很傻，仔细观察发现他们的边线原来不是1px而是0.5px。

随后我给我的边线也设置成了0.5px，在ios8下面非常完美

但是在ios7和安卓都不能显示边线了。

请教各位能不能同样让ios7和安卓都显示0.5px的边线？

dhail

二楼的方法我也没实现

novaviva

jessic 发表于 2015-5-23 14:46
媒体查询，完美解决。

别光说一句话，到底怎么解决的，把代码发上来

novaviva

分享最终实现方法：
2楼高人的方法恕在下才疏学浅没能实现

又想出来一个办法，边线是一个单独的div，给div制作了一个背景图，高2px，宽1px，一共两个像素，给其中一个像素上边线的颜色如#dddddd；另一个像素是透明，保存一个png。
这个div的高度设置1px，背景图用刚才这个png，背景图尺寸为100% 1px；这样就把2px的背景图压缩成了1px，其中的颜色部分就压缩成了0.5像素；
css代码如下：

.line {
            background: url('../image/border-less-than-1px.png') repeat-x;
            background-size: 100% 1px;
            height: 1px;
        }

yanxlg

在Android上面border属性不能小于1像素，否则不起作用，而1像素却显得粗这是个问题，但是可以借用其他办法来解决，提供方案：.border:after{position:absolute;top:0;width:100%;content:"";height:1px}用这种after或者before选择器来填充内容的方式设置会让一像素的border变得特别细

novaviva

yanxlg 发表于 2015-4-19 11:50
在Android上面border属性不能小于1像素，否则不起作用，而1像素却显得粗这是个问题，但是可以借用其他办法 ...

高人！！

jessic

可以使用媒体查询来判断。。我就是这么做的。。

沈炜

novaviva 发表于 2015-4-22 23:42
分享最终实现方法：
2楼高人的方法恕在下才疏学浅没能实现

这个略复杂呐

jessic

媒体查询，完美解决。

huguoba

牛气，都是高人啊！

jessic

novaviva 发表于 2015-5-23 17:21
别光说一句话，到底怎么解决的，把代码发上来

自己百度去查啊。媒体查询。。难道还给你代码都写好啊。。不要习惯做伸手党，这样进步不了。