/*邊框線1px在移動(dòng)端適配*/
.fline{
position: relative;
padding: .21333333rem 0 .13333333rem;
vertical-align: middle;
}
.fline::after{
content: " ";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 1px;
background-color: #e5e5e5;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0.5);
-ms-transform: scaleY(0.5);
transform: scaleY(0.5);
}
在手機(jī)移動(dòng)端設(shè)置邊框線1px是會(huì)根據(jù)設(shè)備物理像素來(lái)適配,實(shí)際效果很差(手機(jī)端看略粗)。
這個(gè)方法是參照滴滴做的,效果還可以