Rumah >hujung hadapan web >tutorial css >Adakah IE8 Menyokong Pertanyaan Media CSS Moden?

Adakah IE8 Menyokong Pertanyaan Media CSS Moden?

Susan Sarandon
Susan Sarandonasal
2024-12-18 14:51:09202semak imbas

Does IE8 Support Modern CSS Media Queries?

Pertanyaan Media CSS Serasi IE8

Soalan: Adakah IE8 tidak menyokong pertanyaan media CSS berikut?

@import url("desktop.css") screen and (min-width: 768px);

Jawapan: IE8 tidak menyokong pertanyaan media yang diberikan. Cara alternatif menulisnya yang serasi dengan IE8 ialah:

@import url("desktop.css") screen;
@import url("ipad.css") only screen and (device-width:768px);

Nota: Kod yang dikemas kini ini menggunakan penyata @import bersarang. Walau bagaimanapun, @import boleh menjejaskan prestasi dan tidak disyorkan untuk kegunaan pengeluaran. Pertimbangkan untuk menggunakan polyfill pertanyaan media.

Polyfills Pertanyaan Media CSS3:

Untuk menyokong pertanyaan media dalam IE8 dan pelayar lama, anda boleh menggunakan polyfill JavaScript seperti:

  • css3-mediaqueries-js: Meniru pertanyaan media tetapi tidak berfungsi pada helaian gaya yang diimport.
  • Respond.js: Mendayakan lebar min dan lebar maksimum pertanyaan media sahaja.

Atas ialah kandungan terperinci Adakah IE8 Menyokong Pertanyaan Media 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