android上实现0.5px线条

由于安卓手机无法识别border: 0.5px,因此我们要用0.5px的话必须要借助css3中的-webkit-transform:scale缩放来实现。

原理:将伪元素的宽设为200%,height设为1px通过-webkit-transform:scale(.5)来进行缩小一倍,这样就得到border为0.5的边框




    
    
    
    Document
    


    
Copy to clipboardErrorCopied

效果展示:

img

你可能感兴趣的:(css,javascript)