移动端 1px边框

HTML：

<div class='line'></div>

CSS:

.line{ width: 100%; position: relative; &:after{ content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid #DEDEDE ; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } }