前綴是CSS3新增的一個特性,用于解決不同瀏覽器支持CSS3時出現的兼容問題。添加前綴可以讓不同的瀏覽器正確渲染頁面,達到更好的視覺效果。
在CSS中加前綴的方法有兩種:
1. 手動加前綴
例如下面的代碼:.box { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
可以看到,這個CSS樣式中有多個屬性加了前綴。這樣做雖然能確保不同瀏覽器都能正確渲染頁面,但是過于繁瑣。
2. 使用自動添加前綴的工具
可以使用一些自動添加前綴的工具,比如autoprefixer(https://autoprefixer.github.io/)等等。這些工具可以自動檢測CSS中需要添加前綴的屬性,然后在需要添加前綴的屬性前面加上相應的前綴。
具體實現方法可以參考:css前綴自動補全工具autoprefixer的使用