CSS实现0.5px

使用 transform: scaleY() 缩放来实现，即将Y轴缩小至原来的0.5倍来达到一个0.5px的效果：

.line:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #bbb;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

 

附加：掘金上一篇写的很全的文章

https://juejin.cn/post/6844903582370643975