- 因为屏幕的分辨率和浏览器的的分辨率存在换算关系，所以1像素的线在屏幕上会占用2个或者2个以上视觉像素，这点在移动端尤其明显。
- 解决方案：
// 解决方案有很多种，这里仅给出我经常使用的使用伪类解决
.outer {
position: relative;
}
.outer:before {
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
width: 200%;
height: 1px;
tansform: scale(0.5);
tansform-origin: 0 0;
background: #f5f5f5;
}
作者：全栈道路
链接：https://juejin.im/post/5e8b0f07e51d4546fe26223c
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
