apicloud apicloud

注册
查看: 3816|回复: 2

[APP开发技巧] iOS线条0.5像素的解决方案(不完美)

主题:
59
帖子:
653
云币:
689

APICloud粉丝土豪版主勋章端午节

[APP开发技巧] iOS线条0.5像素的解决方案(不完美)

3816 2 | 发表于 2015-5-25 10:55:06 |阅读模式 | |
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像素后需要加深下线条颜色,不然会很谈,刚研究,应该不太完美,请高手指正。
1

查看全部评分

主题:
59
帖子:
653
云币:
689

APICloud粉丝土豪版主勋章端午节

 楼主| 发表于 2015-5-25 19:24:56 |

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

主题:
15
帖子:
4121
云币:
3004
发表于 2015-5-25 19:24:02 |
赞一个
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表