解决1px的border在移动端变粗的问题

1. 给需要设置下边框的div给一个相对定位,类名为border-1px；
   2.div设置伪类:after
   3.伪类给一个决定定位
   
   代码如下：

    .border-1px {
    	position:relative;
    	&:after {
    		position:absolute;
    		left:0;
    		bottom:0;
    		width:100%;
    		display:block;
    		content:" ";
    		border-top:1px solid red;
    }
   

2. 
   代码如下：

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

截图部分是stylus写法， 手写部分是sass写法！