小程序 - 1px

.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)