移动端1像素边框处理方法

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

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