如何使用現代 CSS 技術有效定位 Internet Explorer 10？

以Internet Explorer 10 為目標：綜合指南

許多Web 開發人員都會遇到以特定瀏覽器版本（例如Internet Explorer 10 ）為目標的挑戰。雖然傳統的條件註釋已被證明在IE10 中不可靠，但有其他方法可以有效解決此問題need.

條件註釋在IE10 上失敗

您提供的程式碼片段嘗試使用條件註解來定位IE10。然而，IE10 會忽略這些註釋，而是選擇嵌套的 HTML 程式碼。這使得這種方法對於專門針對 IE10 無效。

現代瀏覽器定位技術

而不是依賴條件註釋或瀏覽器檢測方法（例如 navigator.userAgent），使用提供精確定位的現代 CSS 技術。

定位IE9、10 和11

要定位IE9 到IE11 版本，請使用以下CSS 媒體查詢：

僅定位IE10

以下CSS媒體僅針對 IE10 query:

定位 Edge 瀏覽器

如果您需要定位 Microsoft Edge 瀏覽器，請使用下列 CSS功能查詢：

參考文獻

• [將Internet Explorer 特定CSS 移入@mediaola 區塊](https://nicolasgallagher.com/about -html -conditional-comments-and-css-media-queries/)
• [如何定位Internet Explorer CSS 中的10 和11](https://css-tricks.com/how-to-target-ie10-11-using-css/)
• [適用於Windows 10 和Microsoft Edge Web瀏覽器的CSS Hacks] (https://css-tricks.com/css-hacks-for-windows-10-and-microsofts-edge-web-browser/)

以上是如何使用現代 CSS 技術有效定位 Internet Explorer 10？的詳細內容。更多資訊請關注PHP中文網其他相關文章！