解决移动端的一像素问题

• 如果要给一个input标签边框线

html代码

<div class='border border_input'>
    <input type='button' />
</div>

css代码

.border{position:relative;}
.border:before{position:absolute;content:"";left:0;top:0;right:-100%;bottom:-100%;-webkit-transform:scale(0.5); -webkit-transform-origin:0 0;pointer-events:none;}
.border_input:before{border:1px solid #825610;}

这样就实现了移动端1px