CSS3 Media Queries en Javascript pour les vieux navigateurs

CSS3-MediaQueries-JS est une bibliothèque Javascript qui permet d’utiliser les Medias Queries dans IE 5+, Firefox 1+ et Safari 2 — Firefox 3.5+, Opera 7+ et Safari 3+ étant nativement compatibles avec cette propriété CSS3. Les Medias Queries offre un mécanisme pour isoler certaines propriétés ou pré-requis techniques pour appliquer aux agents utilisateurs correspondants une déclaration ou une feuille de style CSS spécifique.

L’appel à la feuille de style externe suivante :

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="shetland.css"/>

Permet d’adresser la CSS shetland.css uniquement aux navigateurs possédant une résolution horizontale (max-device-width) inférieure ou égale à 480px.

Voir aussi le plugin jQuery CSS 3 Media Queries for all Browser. via