物理像素线(也就是普通屏幕下 1px ,高清屏幕下 0.5px 的情况)采用 transform 属性 scale 实现。

.swing{
position:relative;
}
.swing::after{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: blue;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}

scaleY的值设置更小,线会越细哦,嘎嘎嘎嘎

你可能感兴趣的:(物理像素线(也就是普通屏幕下 1px ,高清屏幕下 0.5px 的情况)采用 transform 属性 scale 实现。)