设置移动端1px边框

不同设备下展示不同的border高度

@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)

设备像素密度测试 -webkit-min-device-pixel-ratio 属性值为2的时候为iPhone6的分辨率，3为iPhone6以上

设置其他显示样式

border-1px($color)
  position: relative
  &:after
    display: block
    position: absolute
    left: 0
    bottom: 0
    width: 100%
    border-top: 1px solid $color
    content: ' '

使用

border-1px（颜色值）
border-1px(#f00)