iOS线条0.5像素的解决方案（不完美）

沈炜

CSS按安卓的写，然后根据媒体查询调整iOS下为0.5像素
/* default */
.line{border-top:1px solid #ddd;}

/* iphone 4 4s 5 5c 5s */
@media only screen and (-webkit-device-pixel-ratio:2) and (width:320px){
        .line{border-top:0.5px solid #ccc;}
}
/* iphone 6 */
@media only screen and (-webkit-device-pixel-ratio:2) and (width:375px){
        .line{border-top:0.5px solid #ccc;}
}
/* iphone 6+ */
@media only screen and (-webkit-device-pixel-ratio:3) and (width:414px){
        .line{border-top:0.5px solid #ccc;}
}


使用了0.5像素后需要加深下线条颜色，不然会很谈，刚研究，应该不太完美，请高手指正。

沈炜

技术支持-Altair 发表于 2015-5-25 19:24
赞一个

大人，这个还需要完善吗？这么写累是真的很累

技术支持-Altair

赞一个