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

Question

J'ai eu toutes sortes de problèmes en utilisant des requêtes des médias sur un Desire HD parce que le navigateur Android rend automatiquement la page à une résolution supérieure et met à l'échelle vers le bas. 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 a été mise à feu mon (320px-480px) requête média.

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 puis vérifié avec une requête médiatique qui avait min et max jeu à 369px et mis le feu (ce qui correspond au moins). Alors, pourquoi ne pense que le navigateur il est 369px lorsque la résolution native est 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 questions des médias jusqu'à ce que les regards de contenu à droite:)