9制造商的8个CSS宽度
Android没有参考设备：模拟器的31个型号分布在8个不同的宽度上，从360到884 px。验证您手头的设备并不能说明其他设备的情况，并且每当一个新制造商进入目录时，差距就会扩大。
为什么在Android上测试您的网站？
9个像素密度，其中5个是分数
从1x到4x，尤其是像2.625x和2.75x这样的值，没有iPhone会显示。一个CSS像素不会落在一个整数的物理像素上：一个像素的边界会变厚或消失，而以@2x或@3x提供的图像从未是正确的比例。
2个型号在纵向模式下超过700 px
宽度可达884 px而无需旋转，而User-Agent显示为移动设备。因此，选择仅基于宽度的布局将提供其平板版本，菜单尺寸适合鼠标，触摸区域过小。
三步模拟Android设备
无需SDK、数GB的系统映像或硬件加速：模拟器适用于打开的选项卡。
- 01 安装扩展 在Chrome、Firefox或Edge上，从官方商店下载。免费，无需创建账户，也无需下载数GB的SDK。
- 02 从列表中选择一个Android设备 31个型号按制造商和代次分类。网站将根据所选型号的viewport、密度和User-Agent重新加载。
- 03 比较两个制造商，捕获 并排显示一个Pixel和一个Galaxy，查看哪个宽度破坏了布局，切换到横向，导出裁剪的截图或视频。
模拟器的31个Android设备
9制造商 — Samsung, Google, Xiaomi和6其他 — 和8个不同的CSS宽度：这是一个网站的media queries需要涵盖的范围。表格提供了每个型号的测量值，每行链接到其完整的规格。
| 型号 | 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屏幕宽度
两个宽度足以覆盖大部分设备：360 和 412 像素本身就涵盖了表格中的31个型号中的25。这些是您应该首先设置断点的地方，然后再根据需要添加其他断点。
剩余的6个宽度每个仅属于一个型号，最大可达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的唯一方法。这也是需要下载数GB并需要一分钟启动的原因，它不会在集成会话中途打开。
而模拟器不运行任何系统：它在您已打开的浏览器中重现设备的显示条件。这就是Mobile FIRST为9制造商的31个型号所做的，具有其viewport、密度、User-Agent和触摸事件，适用于Windows、macOS或Linux。
DevTools的响应模式调整窗口大小并更改User-Agent。这是一个检查工具：没有设备框架，一次只有一个屏幕，没有东西可以展示给客户。通过USB进行的远程调试则完全准确——但它仅涵盖您桌面上的型号。
模拟的限制始终相同，最好了解它：渲染引擎仍然是您的浏览器的引擎。它涵盖布局、断点、密度和触摸行为；对于制造商WebView特有的行为，仍然需要真实设备或仿真器。
在您的浏览器中有31个Android设备，无需安装仿真器
表格提供了测量值。扩展程序以型号的确切 viewport 显示您的网站，包括其密度、User-Agent 和纵向或横向切换。
- 31个即用设备，来自9个不同制造商
- 真实的Viewport、分数密度和Android User-Agent
- 并排的两个制造商以识别回归
- 适用于 localhost 和预生产环境
免费 · 4.9/5 基于5,100条评价
1,500,000+ 用户
常见问题
Android手机的CSS viewport是什么？
没有一个单一的：模拟器的31个设备覆盖8个宽度，从360到884 px。最常见的是360 px，由16个型号共享。这是您的media queries读取的CSS像素宽度，而不是面板的分辨率。
Android模拟器和仿真器有什么区别？
仿真器在虚拟机中运行完整的Android系统：这是Android Studio提供的，需要数GB和一台跟得上的机器。模拟器仅在已打开的浏览器中重现设备的显示条件——viewport、密度、User-Agent、手势。对于响应式网页，后者足够并立即启动。
是否需要安装Android Studio或SDK？
不需要。扩展可以安装在Chrome、Firefox和Edge上，适用于Windows、macOS和Linux，无需SDK、系统映像和在BIOS中激活虚拟化。
模拟器是否真的使用Chrome Android？
它在您的浏览器引擎中重现设备的viewport、像素密度、User-Agent和触摸手势。这涵盖了布局、断点和触摸行为。对于制造商WebView特有的错误或旧版Chrome，需要真实设备或仿真器。
扩展提供多少个Android设备？
31个预配置型号来自9制造商，从最新到最旧，每次发布时更新。目录中的81个其他Android设备在网站上各有其技术规格：在自定义设备中记录其宽度和密度以在列表中找到它们。
模拟器宣布的 User-Agent 是什么？
所选设备的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。这是布局切换到其平板模板的宽度，而设备仍然是手机，这是最常被跳过的测试案例。
模拟器是否重现屏幕密度？
是的，包括分数值：表格中有9个，从1x到4x。这使得可以看到哪些型号上的图像过小而变得模糊，以及CSS像素边框在哪些地方跳到另一行。
可以在模拟的Android设备上测试localhost网站吗？
可以。扩展程序适用于当前标签页，无论 URL 是什么：生产、预生产或开发期间的本地服务器。这使其不同于在线模拟器，后者无法看到您的机器。
Android、Chrome、Pixel和Android Studio是Google LLC的商标。Galaxy是三星电子的商标。Mobile FIRST与这些制造商无关，也未获得其中任何一个的批准。