border 移动端1px问题

1.下边框

.bottom {
　　position: relative;
　　&::before {
　　　　content: '';
　　　　display: block;
　　　　position: absolute;
　　　　left: 0;
　　　　right:0;
　　　　bottom: 0;
　　　　width: 100%;
　　　　border-bottom: 1px solid #999999;
　　　　transform: scaleY(0.5);
　　}
}
2.上边框
.top {
　　position: relative;
　　&::before {
　　　　content: '';
　　　　display: block;
　　　　position: absolute;
　　　　left: 0;
　　　　right:0;
　　　　bottom: 0;
　　　　width: 100%;
　　　　border-top: 1px solid #999999;
　　　　transform: scaleY(0.5);
　　}
}
3.全边框

.allBorder {
　　position: relative;
　　&::before{
　　　　content: '';
　　　　position: absolute;
　　　　top: 0;
　　　　left: 0;
　　　　border: 1px solid #000000;
　　　　border-radius: 4px;
　　　　-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;
　　}
}