.css

移动端 /* 1px */

.border-1px{

position: relative;

}

.border-1px:after{

position:absolute;

width:100%;

display:block;

left:0;

bottom:0;

content:'';

border:1px solid #f0f0f0; 

}

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

　　}

}