L'Imbrication Des Requêtes De Média

Par défaut, je veux donner à mon corps, élément d'une bordure verte. Sur un périphérique qui prend en charge l'affichage retina je veux vérifier la taille de la première. Sur un ipad, je veux donner à mon corps d'une bordure rouge et sur un iphone je veux le donner à une bordure bleue. Mais l'imbrication des requêtes de média comme si ne fonctionne pas:

body { border: 1px solid green; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
   @media (max-width: 768px) and (min-width: 320px) {
      body { border: 1px solid red; }
   }
   @media (max-width: 320px) {
      body { border: 1px solid blue; }
   }
}
  • Pas sûr de ce que la question est ici, mais si vous voulez savoir si votre CSS est de la validation, vous pouvez vérifier avec l'Outil de Validation CSS du W3C. J'ai essayé avec imbriqués les media queries et il n'aimait pas ça... Vous pouvez accéder à l'outil ici: jigsaw.w3.org/css-validator
InformationsquelleAutor TK123 | 2013-04-19