详解移动端Html5页面中1px边框的几种解决方法

问题提出 这是一个比较老的问题了，我第一次注意到的时候，是UI设计师来找我麻烦，emmm那时候我才初入前端职场，啥也不懂啊啊啊啊啊，情形是这样的： 设计师拿着手机过来：这些边框都粗了啊，我的设计稿上是1px的 我：？？？？我写的是1px呀，不信你看。（说着拿出了css代码 设计师：不对啊我眼睛看来这个边框比我设计稿上粗很多，看起来好奇怪（emmm果然像素眼 我：那我把它改成0.5px你看看（边说边改了代码 设计师一看，点点头，果然好很多。 后来发现同样的代码在某些安卓机上是有问题的，会导致0.5px的线看不见。 奇了怪了，显然改成0.5px不能解决问题，但是确实1px边框看上去比设计稿上要粗很多，原因何在？ 1px边框的表现 我直接使用css去定1px的边框， html:

• 1
• 2