解決移動端的一像素問題

• 如果要給一個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