1px pixel compatibility of mobile terminal, 1px border

I use pseudo classes + Positioning implementation .

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

Of course, there are other ways ：
Reference resources ：6 Mobile terminal 1px Solution