Comment puis-je faire fonctionner mes requêtes multimédias CSS dans Internet Explorer 8 ?

Requêtes multimédias CSS et compatibilité IE8

Internet Explorer 8 (IE8) pose une limitation en ce qui concerne certaines requêtes multimédias CSS, en particulier la déclaration d'importation.

Non pris en charge Requête :

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

Méthode d'écriture alternative :

Pour prendre en charge IE8, il est nécessaire de séparer l'instruction d'importation en deux lignes :

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

Problèmes de code :

Dans le code fourni extrait :

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

La première instruction d'importation écrasera la deuxième instruction d'importation dans IE8. Pour éviter cela, les importations devraient être réorganisées :

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

Solution :

Pour une plus grande compatibilité, pensez à utiliser des polyfills tels que css3-mediaqueries-js ou Respond. js, qui prennent en charge les requêtes multimédias dans les navigateurs plus anciens comme IE8.

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!