移动端1px问题

原因：Retina屏的分辨率始终是普通屏幕的2倍（设备像素是物理像素的2倍），所以1px的边框在devicePixelRatio的Retina屏下会显示成2px。

解决方式：伪类after+缩放scaleY

/*stylus书写*/
@media(-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5)
  .border-1px
    &::after
      -webkit-transform: scaleY(0.7)
      transform: scaleY(0.7)
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2)
  .border-1px
    &::after
      -webkit-transform: scaleY(0.5)
      transform: scaleY(0.5)