身為前端就是跟『瀏覽器』有著萬縷千絲的關係,當然要跟『瀏覽器』大大好好相處,不同的瀏覽器,例如 Google Chrome、Mozilla Firefox、Microsoft Edge 和 Safari,可能會以不同的方式解釋和呈現網頁內容。因此,需要確保網站在不同的瀏覽器中能夠正確顯示和運作。
prefix | organization |
---|---|
-ms- , mso- |
Microsoft |
-moz- |
Mozilla |
-o- , -xv- |
Opera Software |
-atsc- |
Advanced Television Standards Committee |
-wap- |
The WAP Forum |
-khtml- |
KDE |
-webkit- |
Apple |
prince- |
YesLogic |
-ah- |
Antenna House |
-hp- |
Hewlett Packard |
-ro- |
Real Objects |
-rim- |
Research In Motion |
-tc- |
TallComponents |
W3C 4.1.2.2 Informative Historical Notes
//使用瀏覽器前綴來設置不同瀏覽器的圓角
div {
border-radius: 10px; //標準屬性
-webkit-border-radius: 10px; //WebKit瀏覽器前綴
-moz-border-radius: 10px; // Firefox瀏覽器前綴
}
MDN Web Docs - Cross-browser compatibility