Comment puis-je implémenter des requêtes multimédias CSS dans Internet Explorer 8 ?

Prise en charge d'IE8 pour les requêtes multimédia CSS

Internet Explorer 8 ne prend pas en charge nativement les requêtes multimédia CSS, y compris celle fournie :

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

Moyens alternatifs pour atteindre l'objectif Effet

Une approche alternative pour obtenir la fonctionnalité de requête multimédia dans IE8 consiste à utiliser des bibliothèques JavaScript qui émulent les requêtes multimédias. Deux options populaires sont :

• css3-mediaqueries-js : Ce script émule les requêtes multimédias, mais il ne prend pas en charge les feuilles de style @importées.
• Respond.js : Ce script simplifié active les médias de largeur minimale et maximale requêtes.

Problèmes avec le code fourni

Le code fourni contient les problèmes suivants :

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

• Le premier La règle @import ne spécifie pas de requête multimédia et sera toujours appliquée.
• La deuxième règle @import inclut une faute de frappe ("device-width" au lieu de "max-width").

Pour résoudre ces problèmes, l'approche alternative utilisant les bibliothèques JavaScript est recommandée pour obtenir la fonctionnalité de requête multimédia dans 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!