css width=1px 粗细不一样的问题解决方法

编写代码遇到一个小问题都是width=1px 展示出来不一样 查找技术文档找到一个解决方法这边记录一下

原文章来自于 blog.csdn.net/weixin_4593…

解决方法1

.line { 
    background-color:black; 
    width:2px; 
    height:13px; 
    transform:scale(0.5,1) 
}

主要使用缩放 将宽度设置为width=2px 然后 宽度缩放为原来的1/2

解决方法2

.line { 
    background-color:transparent; 
    border-left:1px solid black; 
    height: 13px; 
}