1485 sujets

Web Mobile et responsive web design

Bonjour


ayant adapté un site qui avait un layout "fixe" vers le portable, j'ai créé une feuille "mobile.css" pour la version mobile que j'oriente avec une média query ans la balise <link>

Pour IE8 et inférieur, je leur balance la feuille "style.css" normale puisqu'il y a aucune chance de trouver ces versions de navigateurs sur des portables.. Smiley smile

Cependant je me demande si il n'existe pas d'autre navigateurs que IE8- qui sont insensibles aux media queries, et dans ce cas ma solution est elle améliorable?

Par exemple, est ce que respond.js gère les media queries dans la balise <link> ?

ce qui me permettrait, dans mon cas, de supprimer la balise de test conditionnel dans le code ci-dessous.

Merci


<link href="../css/mobile.css" media="only screen and (max-width:568px)" rel="stylesheet" type="text/css">


<link href="../css/style.css" media="only screen and (min-width:569px)" rel="stylesheet" type="text/css">

<!-- non prise en charge de media queries  -->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" media="all" href="../css/style.css"/>
<![endif]-->