Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menyasarkan Internet Explorer 10 dengan Berkesan dengan Teknik CSS Moden?

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

DDD
DDDasal
2024-11-11 13:33:02531semak imbas

How to Effectively Target Internet Explorer 10 with Modern CSS Techniques?

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 */
}
) { /* Enter 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn