メタビューポートがAndroid搭載端末で正しく機能していますか？

Question

私はDesire HDでメディアクエリーを使用していろいろな問題を抱えていました。なぜなら、Androidブラウザは自動的にページをより高い解像度でレンダリングし、縮小するからです。基本的には、画面幅が画面幅よりはるかに広いと考えています。

私が最初にこの時

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

...これに対する解決策は、それがメタビューポートタグを使用してスケーリングを停止することがわかったが、それは正しいメディアクエリを発射ているために働いているようです。電話機は480pxの水平解像度を持ち、私の（320px-480px）メディアクエリを発生させました。

私はその後で計算されたが、私は非常に奇妙だと思った369pxだった...画面に出力する

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

を計算されたビューポートをいくつかのJavaScriptを使用していました。私はそれから369pxに設定されたminとmaxを持つメディアクエリでそれをチェックし、それは（少なくとも一致する）起動しました。だから、ネイティブ解像度が480pxの場合、ブラウザは369pxだと思うのはなぜですか？

本当にありがとうございます。

ジョン

Answer 1

は、このために正確な答えを見つけることができませんでしたが、私はちょうどコンテンツルックスまで、あなたのメディアクエリを調整し、それはとにかくメディアクエリに来るとき、それはデバイスの正確なresultionsで動作しないことが最善です探しています右：