css解决1px边框线粗的问题

正常写法，不同手机上线很粗很丑，UI很细腻

.item {   border-bottom:1px solid #eeeeee   &:last-child{     border-bottom:none;   } }

解决方案

.item {   position: relative;   &:after{     content: '';     position: absolute;     bottom: 0px;     left: 0px;     width: 100%;     height: 1px;     background: #eeeeee;     transform:  scaleY(0.5);   }   &:last-child:after {     display: none;   } }