Media queries tablette

Bonjour,

j’essaie d'appliquer un style différent pour les tailles d’écran inférieur à 1000px comme ceci.

<link rel="stylesheet" type="text/css" media="all and (max-width:1200px)" href="css/responsive.css" />

Il s'agit uniquement d'un test de ciblage ou je met une couleur de fond différente sur le body.
Tout fonctionne bien quand je simule grâce à protofluid ou sur mon smartphone. Cependant ça ne fonctionne pas sur mon nouvel eepad asus. Il faut que je mette une valeur suffisamment grande qui affecte mon pc pour que cela affecte aussi ma tablette.

Quelqu'un peut il m'aider ? merci

Salut,

As-tu essayé avec max-device-width ? Et as-tu, au préalable, inséré la meta viewport avec les paramètres qui vont bien dans le code HTML ?

Merci pour ton retour Victor.

J'ai résolu mon problème et réussi à appliquer le style sur ma tablette en enlevant justement l'élément méta Viewport de type <meta name="viewport" content="width=device-width" /> ce qui m’étonne vu qu'il s'agit d'une recommandation.
si quelqu'un peut m’éclairer...
merci

Un bout de code ou un lien ?

tm