1px 边框问题

出现1px边框的原因是:1px使用2dp渲染

IOS8支持0.5px;仅IOS8能用

解决办法sacleY(.5)

例子给li添加1px边框

 1 li{
 2    position:relative;
 3     color: #ccc;
 4 }
 5 
 6 li+li:before{
 7     position: absolute;
 8     top: -1px;
 9     left: 0;
10     width: 100%;
11     content: '''
12     height: 1px;
13     border-top: 1px solid #ddd;
14     -webkit-transform: scaleY(.5);    
15 }

 

posted @ 2015-09-16 11:22  吉吉蟹  阅读(202)  评论(0编辑  收藏  举报