移动端通过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: aqua;
            transform: scale(0.5);
            bottom: 0;
            left: -50%;
}

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

效果如下：