手機端一像素解決辦法

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

}