移动端写0.5px边框

   项目中应设计师要求，1px的边框觉得不精致。。遂要实现0.5px边框

   实现方式如下：

   伪类 + transform 实现

   单条border样式设置：

    .scale-1px{
    position: relative;
    border:none;
    }
    .scale-1px:after{
    content: '';
    position: absolute;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    }

  四条boder样式设置:

    .scale-1px{
    position: relative;
    margin-bottom: 20px;
    border:none;
    }
    .scale-1px:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    }

  支持圆角(伪类和本体类都需要加border-radius)；