以下の 2 つのスクリーンショットに示されているように、この Web サイトのコンテンツは、Android ブラウザーで表示すると左に寄せられます。モバイル ブラウザを使用しているときに、この問題を抱えた他の Web サイトに出くわしたような気がするので、珍しい問題ではないと思います。
サイトは (まだ) 反応がなく、メディア クエリもありません。レスポンシブでないサイトでの最初のズームインを防ぐために、ビューポート メタ タグを使用していません (詳しくはこちらを参照)。
問題は発生していません:
- iOS シミュレーター、Safari ブラウザー
- Opera Mobile Emulator (Kindle Fire や HTC フォンなどの Android デバイスを実行している Opera をエミュレートします)
- Android Samsung スマートフォン、Firefox、Opera ブラウザ
問題が発生している場所:
- Android SDK (Nexus S で Android ブラウザをエミュレート)
- Samsung Galaxy S2 (下の写真)、Chrome、Dolphin、デフォルト ブラウザ
スクリーンショットのデバイスの詳細は次のとおりです。
device_model = samsung SGH-T989
device_res = 480x800
orientation = portrait
os_name = Android
os_version = 4.0.4
pixel_density = 240 dpi
url = http://bryanbraun.com/
モバイル版
デスクトップ版
