移动端通过css实现0.5px的边框

移动端通过css实现0.5px的边框

.border-bottom {
     
    position: relative;
}
// 通过css的缩放属性，缩放0.5倍来实现
.border-bottom::after {
     
    content: '';
    position: absolute;
    width: 200%;
    height: 1px;
    background-color: #ccc;
    transform: scale(0.5);
    bottom: 0;
    left: -50%;
}

<div class='border-bottom' style="width:100vh; height:100px;">div>

效果如下：