Bagaimanakah Saya Boleh Melaksanakan Pertanyaan Media CSS dalam IE8?

IE8 dan Pertanyaan Media CSS: Penyelesaian Masalah dan Alternatif

Soalan:

IE8 nampaknya kurang sokongan untuk pertanyaan media berikut:

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

Jika ini adalah benar, apakah sintaks alternatif yang boleh digunakan?

Jawapan:

IE8 sememangnya tidak menyokong pertanyaan media CSS. Sebagai penyelesaian, anda boleh menggunakan kod berikut:

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

Walau bagaimanapun, penyelesaian ini mempunyai hadnya. Ia tidak menyokong semua ciri pertanyaan media yang tersedia dalam penyemak imbas moden.

Penyelesaian Alternatif:

Untuk penyelesaian yang lebih lengkap yang meniru pertanyaan media dalam IE8, pertimbangkan untuk menggunakan css3 skrip -mediaqueries-js. Skrip ini meniru pertanyaan media, tetapi ia mempunyai beberapa kekangan:

• Ia tidak berfungsi pada helaian gaya yang diimport.
• Ia mengabaikan atribut media pada dan elemen.

Alternatif yang lebih mudah dengan fungsi terhad ialah Respond.js, yang hanya menyokong pertanyaan media lebar min dan lebar maksimum.

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