CSS 移动端 1px(线条/边框) 不同机型上显示粗细不同,解决办法

由于不同的手机有不同的像素密度导致的。如果移动显示屏的分辨率始终是普通屏幕的2倍,1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px,所以在高清瓶下看着1px总是感觉变胖了

CSS 移动端 1px(线条/边框) 不同机型上显示粗细不同,解决办法_第1张图片




    
    
    
    移动端 1px(线条/边框) 解决方案
    


  • 线条 1px
  • xxxxxxx
  • aaaaaa
边框 1px

解决方法来源于浪哥博客  respect! 

 CSS 移动端 1px(线条/边框) 解决方案_css 移动端按钮细边框 bottom: -50%;-CSDN博客

你可能感兴趣的:(css特效+canvas等炫酷,移动端h5,css,前端,javascript)