meta viewport fonctionne correctement sur téléphone Android?

Question

J'ai eu toutes sortes de problèmes en utilisant des requêtes média sur un Desire HD parce que le navigateur Android rend automatiquement la page à une résolution plus élevée et la réduit. Fondamentalement, il pense qu'il a une largeur d'écran beaucoup plus large que ce qu'il a.

Je trouve que la solution à c'était pour l'arrêter mise à l'échelle en utilisant la balise Meta ... Viewport

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

Au début, cela semble avoir fonctionné parce qu'il est la cuisson de la requête de support. Le téléphone a une résolution horizontale de 480px et il tirait ma requête de médias (320px-480px).

J'ai ensuite utilisé javascript pour sortir la fenêtre calculée à l'écran ...

var windowWidth = $(window).width(); 
$('div.windowWidthLabel').text("Window Width: " + windowWidth + "px"); 

Le calculé avec 369px était que je pensais était très étrange. Je l'ai alors vérifié avec une requête de média qui avait min et max fixé à 369px et il a tiré (qui correspond au moins). Alors pourquoi le navigateur pense-t-il que c'est 369px quand la résolution native est de 480px?

Toute aide serait vraiment appréciée.

Jon

Answer 1

Vous ne trouvez pas une réponse exacte pour cela, mais je trouve qu'il est préférable de ne pas travailler avec resultions exactes des appareils en ce qui concerne les requêtes des médias de toute façon, il suffit de régler vos médias requêtes jusqu'à ce que les regards de contenu right :)