处理移动端边框1px问题

为什么在移动端会看到边框1px的线比较粗，原因不多说，直接贴出解决的代码

<div class="list">
　　<li>789797879798</li>
　　<li>13213312</li>
　　<li>13213312</li>
</div>

<style>　

.list li{line-height: 40px; position: relative;}
.list li:after{position: absolute;bottom: -1px;left: 0;content: '';width: 100%;height: 1px;border-top: #EC971F 1px solid;-webkit-transform:scaleY(0.5);}

</style>