2017css3 兼容

在2017年，CSS3技术已经成为了Web开发中不可或缺的一部分。但是，由于不同浏览器对CSS3的支持程度不同，所以在写CSS3时需要考虑浏览器的兼容性问题。

下面我们来介绍一些常见的CSS3部分，并且具体讲解它们在各个主流浏览器中的兼容性情况。

/* 圆角 */
div {
border-radius: 10px;
}
/* 变形 */
div {
transform: rotate(45deg);
}
/* 渐变 */
div {
background: linear-gradient(to right, red, yellow);
}

在上述代码中，我们使用了圆角、变形和渐变等CSS3属性。下面是它们在不同浏览器中的兼容性表格。

属性 Chrome Firefox Safari IE Edge

border-radius	支持	支持	支持	不支持	支持
transform	支持	支持	支持	不支持	支持
gradient	支持	支持	支持	不支持	支持

从上表可以看出，这些属性在Chrome、Firefox和Safari等主流浏览器中基本上都得到了支持，而在IE中则受到了限制。

所以，当我们在开发Web页面时需要考虑到它们的兼容性问题，避免在某些浏览器中出现错误的布局效果。

当然，也有很多解决方案来解决CSS3的兼容性问题，例如使用浏览器前缀、引入第三方css库等等。希望大家在使用CSS3时能够多研究多尝试，发掘出更好的解决方案。

查看更多关于2017css3 兼容的详细内容...