一般情況下有用border-bottom類似這種方法，或者用after的偽類height:1px或者rem控制高度，但是在手機端，實際展示出來的高度可能會有粗細不同，明明都是1px或者故意除以2等于0.5px出現(xiàn)的效果怎么會不一樣呢，解決辦法：采用transform的方法把線的高度做一個縮放

/**例如這樣**/
.list-item::after {    
    position: absolute;
    content: "";
    transform-origin: 0 0;
    transform: scale(1, 0.5);
    height: 1px;
    background-color: #DFE7EC;
    left: 60px;
    right: 0px;
}