// border =1 在設備像素比為2時為2px
@mixinborder-1px($color) {
position:relative;
&:after{
display:block;
position:absolute;
left:0;
bottom:0;
width:100%;
border-top:1pxsolid$color;
content:"";
}
}// 最小dpr為1.5進行縮放
@media(-webkit-min-device-pixel-ratio:1.5),
(min-device-pixel-ratio:1.5) {
.border-1px{
&:after{
-webkit-transform:scaleY(0.7);//0.7*1.5接近于1px
transform:scaleY(0.7);
}
}
}// 最小dpr為2進行縮放
@media(-webkit-min-device-pixel-ratio:2),
(min-device-pixel-ratio:2) {
.border-1px{
&:after{
-webkit-transform:scaleY(0.5);//0.5*2接近于1px
transform:scaleY(0.5);
}
}
}
調用// @include border-1px(#E7E7E7);
