css3兼容代码 mea |手机高度css背景平铺

// Mixin技巧
@mixin border-radius($radius) {
-webkit-border-radius: $radius;
-moz-border-radius: $radius;
border-radius: $radius;
}
.box {
@include border-radius(10px);
}
// Extend技巧
.box {
border: 1px solid #ccc;
}
.box-rounded {
@extend .box;
border-radius: 10px;
}
// Adjustment技巧
.box {
background-color: #ccc;
}
.box-rounded {
background-color: #fff; // 更改背景颜色
border-radius: 10px;
}

通过上面的技巧，大家可以为老旧的浏览器提供兼容的CSS3代码，从而在不影响用户体验的前提下提高网站的浏览器兼容性。