因爲安卓手機沒法識別border 0.5px,所以咱們要用0.5px的話必需要藉助css3中的-webkit-transform:scale縮放來實現,
原理:將僞元素的寬設爲200%,height設爲1px經過-webkit-transform:scale(.5)來進行縮小一倍,這樣就獲得border爲0.5的邊框,
案例:
.ce{
position: relative;
}
.ce:after{
content: "";
display: block;
position: absolute;
left: -50%;
width: 200%;
height: 1px;
background: #ccc;
-webkit-transform:scale(0.5);
}
ce:爲須要加邊框的dom元素;css