IE8 prend-il en charge les requêtes multimédias CSS modernes ?

Requête multimédia CSS compatible avec IE8

Question : IE8 ne prend-il pas en charge la requête multimédia CSS suivante ?

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

Réponse : IE8 ne prend pas en charge la requête multimédia donnée. Une autre façon de l'écrire compatible avec IE8 est :

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

Remarque : Ce code mis à jour utilise des instructions @import imbriquées. Cependant, @import peut avoir un impact sur les performances et n'est pas recommandé pour une utilisation en production. Envisagez plutôt d'utiliser un polyfill de requête multimédia.

Polyfills de requêtes multimédia CSS3 :

Pour prendre en charge les requêtes multimédias dans IE8 et les navigateurs antérieurs, vous pouvez utiliser des polyfills JavaScript tels que :

• css3-mediaqueries-js : Émule les médias requêtes mais ne fonctionne pas sur les feuilles de style importées.
• Respond.js : Active uniquement les requêtes multimédias min-width et max-width.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!