.border1px {
position: relative;
border: none;
}
.border1px:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
background: #E1E1E1;
width: 100%;
height: 1px;
transform: scaleY(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
通过transform: scaleY(0.5)对height: 1px进行缩小
如果是对width: 1px进行缩小,则换成transform: scaleX(0.5)