身為前端就是跟『瀏覽器』有著萬縷千絲的關係，當然要跟『瀏覽器』大大好好相處，不同的瀏覽器，例如 Google Chrome、Mozilla Firefox、Microsoft Edge 和 Safari，可能會以不同的方式解釋和呈現網頁內容。因此，需要確保網站在不同的瀏覽器中能夠正確顯示和運作。

為何重要?

• 用戶體驗：不同的瀏覽器具有不同的功能和渲染引擎，這可能會影響網站的外觀和功能。如果網站在某些瀏覽器上無法正確顯示，用戶可能會感到困惑，甚至放棄使用。
• 市場佔有率：不同的地區和受眾使用不同的瀏覽器。為了擴大受眾，需要網站在各種瀏覽器中都能夠良好運行，以滿足不同的需求。
• SEO：搜索引擎優化（SEO）對於網站的可見性至關重要。搜索引擎會考慮網站的兼容性，並將其納入排名因素之一。因此，跨瀏覽器兼容性也可以影響的網站在搜索引擎中的排名。

留意什麼？

• 使用標準的 HTML 和 CSS：網頁代碼符合 HTML 和 CSS 的標準，並避免使用瀏覽器特定的擴展和屬性。這樣可以確保網頁在各種瀏覽器中都能正確解釋和渲染。可參考Day03 學習看文件Ｗ 3C，武林秘笈之文件意識
• 測試不同瀏覽器：在開發過程中，定期在不同的瀏覽器中測試網站，以確保它在每個瀏覽器中都能夠正常工作。
• [Can I use]（https://caniuse.com/）
• 使用 CSS 前綴：某些瀏覽器需要使用特定的 CSS 前綴來支援某些屬性和效果。

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