如何使用 CSS 專門針對 Internet Explorer 10？

專門針對Internet Explorer 10

在應用特定樣式或執行某些JavaScript 程式碼時，Internet Explorer 可能會帶來獨特的挑戰。專門針對 Internet Explorer 10 需要量身訂做的方法。

您嘗試的條件註解方法雖然常用於針對 Internet Explorer，但似乎不適用於 Internet Explorer 10。

利用 CSS 媒體查詢

不要依賴條件註釋，而是選擇 CSS 媒體查詢。以下是針對不同版本的Internet Explorer 的一些選項：

• Internet Explorer 9、10 和11：

  @media screen and (min-width:0<pre class="brush:php;toolbar:false">@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      /* CSS for IE 10 only here */
  }

  ) { /* CSS for IE 9, 10, and 11 here */ }

• 僅限Internet Explorer 10：

  @supports (-ms-accelerator:true) {
      .selector { property: value; } /* CSS for Edge here */
  }

• 邊緣瀏覽器：

>

用🎜>使用媒體查詢？

媒體查詢是針對特定瀏覽器的更可靠方法。它們不易受到欺騙，並提供更精確的定位機制。

進一步參考來源：

[將Internet Explorer 特定CSS 移至@media區塊](https://css-tricks.com/moving- internet-explorer-specific-css-into-media-blocks/)
• [如何在CSS 中定位Internet Explorer 10 和11](https ://www.sitepoint.com/target-internet-explorer-10-11-css/)
• [適用於Windows 10 和Microsoft Edge Web 瀏覽器的CSS Hacks]( https://css-tricks.com /css-hacks-windows-10-microsoft-edge-web-browser/)

以上是如何使用 CSS 專門針對 Internet Explorer 10？的詳細內容。更多資訊請關注PHP中文網其他相關文章！