Médias échec de requêtes sur le navigateur Android

Question

Je suis en train de développer une application web qui applique une feuille de style appropriée en fonction du dispositif (et son orientation).

J'ai 5 questions des médias au total:

//for mobile phones in portrait mode
<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:portrait)" href="css/mobile-portrait.css">

//for mobile phones in landscape mode
<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:landscape)" href="css/mobile-landscape.css">

//for tablets (iPad) in portrait mode
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="css/tablet-portrait.css">

//for tablets (iPad) in landscape mode
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="css/tablet-landscape.css">

//for desktop computers
<link rel="stylesheet" media="all and (min-device-width: 1025px)" href="css/desktop.css">  

Tout fonctionne sur le bureau, l'iPad et l'iPhone (dans les deux versions d'applications et navigateur Web), mais la requête des médias de paysage échoue sur le navigateur Android? Des idées? Ai-je eu le mauvais '-device max-width'?

Answer 1

C'est parce que la plupart des nouveaux téléphones Android sont quelque chose comme 480 de large par 800 de haut en fonction de l'appareil, de sorte que la façon dont vous avez le vôtre écrit, Android paysage devrait être repris par le paysage de la tablette css. Mais je pense que je suis tombé sur un problème similaire avec Android ne ramasser la feuille de style, alors j'ai ajouté cela et tout semblait au travail ...

<meta name="viewport" content="width=device-width"> 

Avez-vous dans votre tête au-dessus de vos liens stylesheet?

Answer 2

Sur la Droid1 -. La taille de la fenêtre est de 320 x 569