9メーカーの8のCSS幅
Androidには基準デバイスがありません：シミュレーターの31モデルは、360から884 pxまでの8の異なる幅に分布しています。手元にあるものを確認しても他のものについては何もわかりませんし、カタログに新しいメーカーが加わるたびに差が広がります。
31台のAndroidデバイス · 9メーカー · 360から884 px
オンラインAndroidシミュレーター：Pixel、Galaxy、Xiaomiでサイトをテスト
拡張機能は、9メーカーの31台のAndroidデバイスのviewport CSS、ピクセル密度、User-Agent、タッチジェスチャーをブラウザで再現します。幅は360から884 pxです。SDKのインストールやシステムイメージのダウンロードは不要です。
1,500,000+ インストール · Chrome Web Storeで4.9/5
数秒で無料インストール · コンピュータ専用
なぜAndroidでサイトをテストするのか？
9のピクセル密度、そのうち5は分数
1xから4xまで、特に2.625xと2.75xのような値はiPhoneには表示されません。CSSピクセルは物理ピクセルの整数に一致しません：ピクセルの境界が厚くなったり消えたりし、@2xや@3xで提供される画像は決して正しいスケールではありません。
2モデルが縦向きで700 pxを超える
User-Agentがモバイルを示しているにもかかわらず、回転せずに最大884 pxの幅。幅のみに基づいてテンプレートを選択するレイアウトは、マウス用にサイズ設定されたメニューと小さすぎるタッチゾーンを持つタブレットバージョンを提供します。
3ステップでAndroidデバイスをシミュレート
SDKも数ギガバイトのシステムイメージも不要で、ハードウェアアクセラレーションを有効にする必要もありません：シミュレーターは開いているタブに適用されます。
- 01 拡張機能をインストール 公式ストアからChrome、Firefox、またはEdgeで。無料で、アカウント作成不要、数ギガバイトのSDKも不要。
- 02 リストからAndroidデバイスを選択 31モデルはメーカーと世代ごとに分類されています。サイトは選択したモデルのviewport、密度、User-Agentで再読み込みされます。
- 03 2つのメーカーを比較してキャプチャ PixelとGalaxyを並べて表示し、どちらの幅がレイアウトを崩すかを確認し、横向きに切り替え、切り抜きキャプチャまたはビデオをエクスポートします。
シミュレーターの31台のAndroidデバイス
9メーカー — Samsung, Google, Xiaomiと6その他 — と8の異なるCSS幅：これはサイトのメディアクエリが対応する範囲です。表には各モデルの測定値が示されており、各行はその完全な仕様ページにリンクしています。
| モデル | CSSビューポート | 密度 | パネル解像度 | 対角線 | 年 |
|---|---|---|---|---|---|
| Galaxy S26 ULTRA | 412 × 891 | 4x | 1648 × 3564 | — | 2026 |
| Google Pixel 10 | 412 × 924 | 2.625x | 1082 × 2426 | — | 2026 |
| Google Pixel 10 PRO | 410 × 912 | 3.125x | 1281 × 2850 | — | 2026 |
| Infinix Hot 70 | 360 × 788 | 2x | 720 × 1576 | — | 2026 |
| Motorola Razr 70 Ultra | 412 × 1008 | 3x | 1236 × 3024 | — | 2026 |
| Pixel 10 Fold (Unfolded) | 412 × 901 | 2.625x | 1082 × 2365 | — | 2026 |
| Samsung Galaxy A17 | 412 × 892 | 2.625x | 1082 × 2342 | — | 2025 |
| Google Pixel 8 | 412 × 915 | 2.625x | 1080 × 2400 | — | 2024 |
| Samsung Galaxy S24 | 360 × 780 | 3x | 1080 × 2340 | — | 2024 |
| Samsung Galaxy S24 Ultra | 384 × 832 | 2.8125x | 1440 × 3120 | — | 2024 |
| Samsung Galaxy S22 | 360 × 780 | 3x | 1080 × 2340 | 6.1" | 2022 |
| Samsung Galaxy S22 ULTRA | 360 × 772 | 4x | 1440 × 3088 | 6.8" | 2022 |
| Samsung Galaxy S22+ | 360 × 780 | 3x | 1080 × 2340 | 6.6" | 2022 |
| Xiaomi 12 2022 | 360 × 800 | 3x | 1080 × 2400 | 6.7" | 2022 |
| Google Pixel 6 PRO | 360 × 780 | 4x | 1440 × 3120 | 6.7" | 2021 |
| OnePlus Nord 2 | 412 × 915 | 2.625x | 1080 × 2400 | 6.4" | 2021 |
| OPPO Find X3 PRO | 360 × 804 | 4x | 1440 × 3216 | 6.7" | 2021 |
| Samsung Galaxy A12 | 360 × 800 | 2x | 720 × 1600 | — | 2021 |
| Samsung Galaxy S21 | 360 × 800 | 3x | 1080 × 2400 | 6.2" | 2021 |
| Samsung Galaxy S21 Ultra | 360 × 800 | 4x | 1440 × 3200 | 6.8" | 2021 |
| Samsung Galaxy Z Flip3 | 360 × 880 | 3x | 1080 × 2640 | 6.7" | 2021 |
| Xiaomi Mi 11i | 360 × 800 | 3x | 1080 × 2400 | 6.7" | 2021 |
| Google Pixel 5 | 393 × 851 | 2.75x | 1080 × 2340 | 6" | 2020 |
| Samsung Galaxy Note20 Ultra | 412 × 883 | 3.5x | 1440 × 3088 | 6.9" | 2020 |
| Samsung Galaxy S20 | 360 × 800 | 3x | 1440 × 3200 | 6.4" | 2020 |
| Samsung Galaxy Z Fold 2 | 884 × 1104 | 2x | 1768 × 2208 | 7.6" | 2020 |
| Huawei P30 PRO | 360 × 780 | 3x | 1080 × 2340 | 6.5" | 2019 |
| Samsung Galaxy Fold | 768 × 1076 | 2x | 1536 × 2152 | 7.3" | 2019 |
| Generic device on Android | 360 × 800 | 2x | 720 × 1600 | 6.7" | — |
| Zebra MC330 | 480 × 800 | 1x | 480 × 800 | — | — |
| Zebra TC78 | 412 × 818 | 2.625x | 1082 × 2147 | — | — |
優先してテストすべきAndroid画面の幅
2つの幅で大部分をカバーできます：360 と 412 pxは単独で表の31モデルの25をカバーします。これらが最初のブレークポイントを受け取るべきであり、他のものを追加する前に。
残りの6の幅はそれぞれ1つのモデルにしか属しておらず、最大884 pxに達します：展開された画面、強化された端末、メーカー固有のフォーマット。それぞれにブレークポイントを設定する価値はありませんが、360 pxに収まり、884 pxで読みやすいレイアウトがすべてを吸収します。
Chrome Androidでの高さに注意：URLバーはスクロールで縮小し、ジェスチャーナビゲーションバーは画面下部に食い込みます。したがって、100vhの高さは最初の画面を超え、svhとdvhの単位は実際に表示される値を示します。theme-colorの色も宣言してください：これはブラウザのバーを着色し、そのデフォルトはカラーヘッダーを壊します。
画像を@2xや@3xではなく、幅の記述子を使用してsrcsetで提供してください。Androidの密度は整数に一致することはほとんどありません：正確な倍数に基づいたファイルセットはブラウザにリサイズを強制し、フラットと埋め込みテキストを柔らかくします。
Androidシミュレーター、Android Studioエミュレーター、またはDevTools？
エミュレーターは本物のAndroidを動作させます：完全なシステムイメージ、仮想マシン、ハードウェアアクセラレーション。これはWebViewのバグを再現したり、ネイティブアプリケーションや古いバージョンのChromeをテストする唯一の方法です。また、数ギガバイトのダウンロードと1分の起動が必要で、統合セッションの途中で開くことはありません。
シミュレーターはシステムを動作させません：すでに開いているブラウザでデバイスの表示条件を再現します。Mobile FIRSTは、9メーカーの31モデルに対して、viewport、密度、User-Agent、タッチイベントをWindows、macOS、Linuxで再現します。
DevToolsのレスポンシブモードはウィンドウをリサイズし、User-Agentを変更します。これは検査ツールです：デバイスフレームはなく、一度に1つの画面のみで、クライアントに見せるものはありません。USBによるリモートデバッグは完全に忠実ですが、デスクトップにあるモデルのみをカバーします。
シミュレーションの限界は常に同じであり、それを知っておくことが重要です：レンダリングエンジンはブラウザのものです。レイアウト、ブレークポイント、密度、タッチ動作をカバーします。メーカーのWebViewに固有の動作には、実際のデバイスまたはエミュレーターが必要です。
インストールするエミュレーターなしでブラウザ内の31台のAndroidデバイス
表は測定値を示します。拡張機能は、モデルの正確なビューポートでサイトを表示し、その密度、User-Agent、縦横切り替えを行います。
- 9の異なるメーカーの31台のデバイスがすぐに使用可能
- 実際のAndroidのViewport、分数密度、User-Agent
- 回帰を見つけるために並べた2つのメーカー
- localhostおよびプレプロダクションで動作
無料 · 4.9/5 (5,100件のレビュー)
1,500,000+ ユーザー
よくある質問
Android電話のViewport CSSは何ですか？
1つではありません：シミュレーターの31デバイスは、360から884 pxまでの8の幅をカバーしています。最も一般的なのは360 pxで、16モデルが共有しています。メディアクエリが読むのはこのCSSピクセル幅であり、パネルの解像度ではありません。
Androidシミュレーターとエミュレーターの違いは何ですか？
エミュレーターは仮想マシンで完全なAndroidシステムを実行します：これはAndroid Studioが提供し、数ギガバイトとそれに対応するマシンが必要です。シミュレーターは、すでに開いているブラウザでデバイスの表示条件（viewport、密度、User-Agent、ジェスチャー）を再現するだけです。レスポンシブウェブには、後者で十分であり、即座に起動します。
Android StudioやSDKをインストールする必要がありますか？
いいえ。拡張機能は、Windows、macOS、Linuxで、SDK、システムイメージなしで、BIOSで仮想化を有効にすることなく、Chrome、Firefox、Edgeにインストールされます。
シミュレーターは本当にChrome Androidを使用していますか？
デバイスのviewport、ピクセル密度、User-Agent、タッチジェスチャーをブラウザのエンジンで再現します。これにより、レイアウト、ブレークポイント、タッチ動作がカバーされます。メーカーのWebViewや古いバージョンのChromeに固有のバグには、実際のデバイスまたはエミュレーターが必要です。
拡張機能は何台のAndroidデバイスを提供していますか？
9メーカーの31の事前設定されたモデルが、最新から最古まで、各リリースで更新されます。カタログの他の81台のAndroidデバイスには、それぞれの技術仕様がサイトにあります：カスタムデバイスに幅と密度を記録してリストで見つけてください。
シミュレーターはどのUser-Agentを発表しますか？
選択したデバイスのもの、そのまま送信されます。Android 16.0のGalaxy S26 ULTRAの場合、それは：Mozilla/5.0 (Linux; Android 16; SM-S948B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Mobile Safari/537.36です。サーバーと検出スクリプトはAndroid電話を認識し、デスクトップブラウザではありません。
折りたたみ画面をテストできますか？
はい：表の2モデルが縦向きで700 pxを超え、最大884 pxに達します。これは、デバイスが電話のままであるにもかかわらず、レイアウトがタブレットテンプレートに切り替わる幅であり、最も頻繁にスキップされるテストケースです。
シミュレーターは画面の密度を再現しますか？
はい、分数値も含めて：表には1xから4xまでの9が含まれています。これにより、どのモデルで画像が小さすぎてぼやけるか、どこでCSSピクセルの境界が行を飛び越えるかを確認できます。
シミュレートされたAndroidデバイスでlocalhostのサイトをテストできますか？
はい。拡張機能は、URLに関係なく現在のタブに適用されます：本番、プレプロダクション、または開発中のローカルサーバー。これが、オンラインシミュレーターとは異なり、あなたのマシンを認識しない理由です。
Android、Chrome、Pixel、Android StudioはGoogle LLCの商標です。GalaxyはSamsung Electronicsの商標です。Mobile FIRSTはこれらのメーカーのいずれにも所属しておらず、いずれからも承認されていません。