私は、電話でも同じように機能するように、低解像度に流暢に縮小することになっているサイトで作業しています。これは、ウィンドウを小さくするだけでFirefoxとChromeでうまく機能しますが、実際のAndroidフォン（Android2.2を実行しているNexusOne）で試してみると、非常に巨大になります。（JSのwindow.innerWidthプロパティとwindow.innerHeightプロパティを使用すると、レポートされるビューポートの解像度は800x1271のようです！）
ブラウザウィンドウで実際のサイズでページをレンダリングして、完全なデザインを電話に表示できるようにする方法はありますか？ユーザーエージェントのスニッフィングは許可されています。JSは許可されていますが、お勧めしません。
自分で解決しました。解決策は、ヘッダーに次のコードを追加することです。
<meta name="viewport" content="width = device-width">
あなた自身の問題に答えてくれてありがとう - あなたも私の解決策にたどり着きました.
同様の問題を抱えている他の人のための追加情報です。Android 2.2を実行しているNexus OneでjQuery $(window).width()/を使用して次の結果を得ました。$(window).height()
いいえ<meta name="viewport">
– 縦 800 x 1130、横 800 x 358
と<meta name="viewport" content="width=device-width">
– 縦 320 x 452、横 533 x 239
と<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">
– ポートレート 480 x 678、ランドスケープ 800 x 358 – 実際のピクセル寸法!
iPhone でテストすることはできませんでした。試してみたい方は、こちらのテストをご覧ください。