使用CSS在不同的浏览器上会有不同的表现,在许多时候我们需要使用浏览器前缀以确保该CSS在各种浏览器中表现一样。比如我们要使用CSS3的transform属性,在不同的浏览器上写的代码如下:
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
在这里,我们使用了四个不同的浏览器前缀来兼容各个浏览器,其中含义分别是:-webkit- 表示 WebKit 内核的浏览器,比如 Safari、Chrome 等。-moz- 表示 Mozilla 内核的浏览器,比如 Firefox。-ms- 表示 Trident 内核的浏览器,比如 IE。至于 transform 属性,我们可以在最后不加前缀,因为现代浏览器都已经兼容了。同理,在写 CSS3 的其他属性时,我们可以使用相同的方式来兼容各浏览器。但是,现在大多数浏览器已经具备了较好的兼容性,我们可以不加前缀直接使用。当然,如果你确定只需要在现代浏览器上兼容,可以尝试使用 CSS3 的新语法,而不需要浏览器前缀,比如:
transform: rotate(45deg);
总之,使用CSS前缀可以确保我们的CSS能够兼容更多的浏览器,在大多数情况下,这是必须的。