处理移动端边框1px问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了处理移动端边框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>
以上是关于处理移动端边框1px问题的主要内容，如果未能解决你的问题，请参考以下文章