移動端1px border
<div
class="border-bottom-1px border-1px">
aaa
</div>
/* 縮放 */
@media (-webkit-min-device-pixel-ratio:1.5),
(-webkit-min-device-pixel-ratio:1.5) {
.border-1px :after {
-webkit-transform:
scaleY(0.7);
transform: scale(0.7);
}
}
@media (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2) {
.border-1px :after {
-webkit-transform:
scaleY(0.5);
transform: scale(0.5);
}
}
/* 1px的border */
.border-bottom-1px {
position: relative;
}
.border-bottom-1px:after {
display: block;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
border-top: 1px
solid red;
content: " ";
/* 空白字符 */
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.