Adakah IE8 Menyokong Pertanyaan Media CSS Moden?

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!