Min-width et Max-width css media queries

<link href="css/mobile-large.css" media="all and (min-width: 481px) and (max-width: 760px)" rel="stylesheet" type="text/css" />

Ne faut pas que la ligne de code à faire pour que la feuille de style "mobile-grand.css" être chargé lors de l'utilisation d'un Samsung Galaxy Nexus avec 720px dans la largeur? Toutefois, il ne faut pas quelle est donc la raison et comment puis-je résoudre ce problème?

Je suis en utilisant ce trop:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

OriginalL'auteur LuckyLuke | 2012-03-01

  1. 7

    Peut-être que vous avez à définir device-width au lieu d'une simple largeur. Écrire comme ceci:

    <link href="css/mobile-large.css" media="all and (min-device-width: 481px) and (max-device-width: 760px)" rel="stylesheet" type="text/css" />
    Ce qui fonctionne, mais pourquoi? Lorsque le browswer fenêtre est égale à la taille de l'écran ne devrait pas device-width et largeur de travail de la même manière? Voir ma mise à jour de question où je précise que j'utilise la balise meta viewport
    Et pourquoi l'iPhone 4 et l'iPhone 3G ont les mêmes dimensions? Ils obtiennent le même CSS, mais l'iPhone 4 ont doublé les pixels?

    OriginalL'auteur sandeep

  2. 1

    Je pense que vous pouvez aussi supprimer "tous" de la chaîne de requête.

    OriginalL'auteur Ettiene Grobler