Bagaimana untuk Menyasarkan Internet Explorer 10 dengan Berkesan dengan Teknik CSS Moden?

Menyasarkan Internet Explorer 10: Panduan Komprehensif

Ramai pembangun web menghadapi cabaran untuk menyasarkan versi penyemak imbas tertentu, seperti Internet Explorer 10. Walaupun ulasan bersyarat tradisional telah terbukti tidak boleh dipercayai dengan IE10, terdapat pendekatan alternatif yang berkesan menangani perkara ini perlukan.

Komen Bersyarat Gagal dengan IE10

Coretan kod yang anda berikan cuba menyasarkan IE10 menggunakan ulasan bersyarat. Walau bagaimanapun, IE10 mengabaikan komen ini, sebaliknya memilih kod HTML bersarang. Ini menjadikan pendekatan ini tidak berkesan untuk menyasarkan IE10 secara khusus.

Teknik Penyasaran Pelayar Moden

Daripada bergantung pada ulasan bersyarat atau kaedah pengesanan penyemak imbas (seperti navigator.userAgent), gunakan teknik CSS moden yang memberikan ketepatan penyasaran.

Menyasarkan IE9, 10 dan 11

Untuk menyasarkan versi IE9 hingga IE11, gunakan pertanyaan media CSS berikut:

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

Menyasarkan IE10 Hanya

Sasarkan IE10 secara eksklusif dengan pertanyaan media CSS berikut:

@supports (-ms-accelerator:true) {
  .selector { property:value; } 
}

Pelayar Edge Sasaran

Jika anda perlu menyasarkan Microsoft Pelayar tepi, gunakan ciri CSS berikut pertanyaan:

Rujukan

• [Memindahkan CSS khusus Internet Explorer ke dalam blok @media](https://nicolasgallagher.com/about-html -komen-bersyarat-dan-pertanyaan-media-css/)
• [Cara Menyasarkan Internet Explorer 10 dan 11 dalam CSS](https://css-tricks.com/how-to-target-ie10-11-using-css/)
• [CSS Hacks untuk Windows 10 dan Microsoft’s Edge Web Penyemak Imbas](https://css-tricks.com/css-hacks-for-windows-10-and-microsofts-edge-web-browser/)

Atas ialah kandungan terperinci Bagaimana untuk Menyasarkan Internet Explorer 10 dengan Berkesan dengan Teknik CSS Moden?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!