电脑上 一般边框都是 1px,但是在手机端的小程序上 1px就会没那么美观,需要用到0.5px的哦
手机上 0.5px的一条直线设置如下:
<div class="gridClass"></div>
.gridClass {
position:relative;
margin-top: 40px;
width: 100%;
}
.gridClass:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 1px;
border-top: 1px solid #cccccc !important;
-webkit-transform: scaleY(.5);
transform:scaleY(.5);
}