移动端1px像素问题

.hairlines li{
  position: relative;
  border:none;
}
.hairlines li:after{
  content: '';
  position: absolute;
  left: 0;
  background: #000;
   100%;
  height: 1px;
  transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

原文地址:https://www.cnblogs.com/jveguo/p/6092339.html