Bagaimanakah Saya Boleh Melaksanakan Pertanyaan Media CSS dalam Internet Explorer 8?

Sokongan IE8 untuk Pertanyaan Media CSS

Internet Explorer 8 tidak menyokong pertanyaan media CSS secara asli, termasuk pertanyaan yang disediakan:

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

Cara Alternatif untuk Mencapai Kesan

Satu pendekatan alternatif untuk mencapai fungsi pertanyaan media dalam IE8 ialah menggunakan perpustakaan JavaScript yang meniru pertanyaan media. Dua pilihan popular ialah:

• css3-mediaqueries-js: Skrip ini meniru pertanyaan media, tetapi ia tidak menyokong @imported stylesheet.
• Respond.js: Skrip ringkas ini mendayakan media lebar min dan lebar maksimum pertanyaan.

Isu dengan Kod Yang Diberikan

Kod yang disediakan mengandungi isu berikut:

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

• Yang pertama Peraturan @import tidak menyatakan pertanyaan media dan akan sentiasa digunakan.
• Peraturan @import kedua termasuk kesilapan menaip ("lebar peranti" dan bukannya "lebar maksimum").

Untuk menangani isu ini, pendekatan alternatif menggunakan perpustakaan JavaScript disyorkan untuk mencapai fungsi pertanyaan media dalam IE8.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Pertanyaan Media CSS dalam Internet Explorer 8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!