移动端 1px 像素兼容性问题，实现1px 边框

我是利用伪类+定位实现的。

.div{
    
    position: relative;
    padding-top: 20px;
  }
  .div::before {
    
    margin-top: 10px;
    display: block;
    content: '';
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #e7e8eb;
    transform: scaleY(1/2);
  }

当然还有其他方法：
参考：6种移动端 1px 解决方案