手机端一像素解决办法

.border-1px {
  position: relative;
 }
.border-1px:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    border-top: 1px solid #ccc;
}

//判断设别像素
@media(-webikit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
  .border-1px {
    &::after {
      -webikit-transfrom: scaleY(0.7);
      transfrom: scaleY(0.7);
    }
  }
}
@media(-webikit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
  .border-1px {
    &::after {
      -webikit-transfrom: scaleY(0.5);
      transfrom: scaleY(0.5);
    }
  }
}

原文地址:https://www.cnblogs.com/silences/p/6256816.html