一般情況下有用border-bottom類似這種方法签则,或者用after的偽類height:1px或者rem控制高度,但是在手機(jī)端愧沟,實(shí)際展示出來的高度可能會有粗細(xì)不同混坞,明明都是1px或者故意除以2等于0.5px出現(xiàn)的效果怎么會不一樣呢,解決辦法:采用transform的方法把線的高度做一個(gè)縮放
/**例如這樣**/
.list-item::after {
position: absolute;
content: "";
transform-origin: 0 0;
transform: scale(1, 0.5);
height: 1px;
background-color: #DFE7EC;
left: 60px;
right: 0px;
}