移動端border為1px的設定方法
阿新 • • 發佈：2018-12-23
一般做了前端一段時間的人都知道，在手機端使用border為1px時在retina屏中會顯示2px畫素，那是因為我們定義的是css的1px，而物理畫素上顯示則因為是一個畫素代表2個畫素，所以出現border為2px，解決方法有很多，我舉一個最容易使用的偽元素方法吧。
使用偽元素的方式
.Bbottom:after{
position:absolute;
content: "";
height:1px;
background:#d5d5d5;
width:100%;
bottom:0;
-webkit-transform:scaleY(.5);