智能手机 Google
5 个不同的 CSS 宽度覆盖整个系列：360, 393, 410, 411 和 412 像素。多个型号共享相同的宽度：验证其中一个即可验证其他。
| 型号 | CSS视口 | 密度 | 面板分辨率 | 对角线 | 年份 |
|---|---|---|---|---|---|
| Google Pixel 10 | 412 × 924 | 2.625x | 1082 × 2426 | — | 2026 |
| Google Pixel 10 PRO | 410 × 912 | 3.125x | 1281 × 2850 | — | 2026 |
| Pixel 10 Fold（折叠） | 412 × 901 | 2.625x | 1082 × 2365 | — | 2026 |
| Google Pixel 8 | 412 × 915 | 2.625x | 1080 × 2400 | — | 2024 |
| Google Pixel 6 PRO | 360 × 780 | 4x | 1440 × 3120 | 6.7" | 2021 |
| Google Pixel 4a | 393 × 851 | 2.75x | 1080 × 2340 | 5.8" | 2020 |
| Google Pixel 5 | 393 × 851 | 2.75x | 1080 × 2340 | 6" | 2020 |
| Google Pixel 3a | 393 × 808 | 2.75x | 1080 × 2220 | 5.6" | 2019 |
| Google Pixel 3a XL | 412 × 823 | 2.625x | 1080 × 2160 | 6" | 2019 |
| Google Pixel 4 | 393 × 830 | 2.75x | 1080 × 2280 | 5.7" | 2019 |
| Google Pixel 4 XL | 412 × 869 | 3.5x | 1440 × 3040 | 6.3" | 2019 |
| Google Pixel 3 | 393 × 786 | 2.75x | 1080 × 2160 | 5.5" | 2018 |
| Google Pixel 3 XL | 412 × 846 | 3.5x | 1440 × 2960 | 6.3" | 2018 |
| Google Pixel 2 | 412 × 732 | 2.625x | 1080 × 1920 | 5" | 2017 |
| Google Pixel 2 XL | 412 × 823 | 3.5x | 1440 × 2880 | 6" | 2017 |
| Google Pixel | 411 × 731 | 2.6x | 1080 × 1920 | 5" | 2016 |
| Google Pixel XL | 412 × 732 | 3.5x | 1440 × 2560 | 5.5" | 2016 |
优先测试哪些宽度
该系列中最常见的宽度是 360, 393, 410 和 412 像素。首先检查它们可以覆盖列出的 Google 的 17 个型号中的 16，并且您的第一个断点应落在这些宽度上。
降至 360 px 以覆盖整个范围，包括 Google Pixel 6 PRO：在此宽度下的布局适用于所有地方，包括仍在使用的最旧型号。
注意高度：移动浏览器通过其界面栏减少可见区域，并在滚动时收缩。因此，100vh 的高度会超出第一个屏幕；建议使用 svh 和 dvh 单位。
在 6 个 Google 设备上测试您的网站，无需购买任何设备
表格提供测量值。扩展程序以模型的精确视口显示您的网站，包括其密度、User-Agent 和纵向或横向切换。
- 6 个 Google 设备可供使用，从旧型号到当年发布的型号
- 以设备格式导出的截图和视频
- 在您的本地环境和预生产环境中工作
免费 · 4.9/5 基于5,100条评价
1,500,000+ 用户
常见问题
Google 最常见的 CSS 视口是什么？
412 x 924 像素，由列出的 17 个型号中的 9 个共享，包括 Google Pixel 10和Pixel 10 Fold（折叠）。这是该系列中首先要检查的宽度。
测试 Google 设备的最小宽度是多少？
360 px，列表中最窄型号的宽度，Google Pixel 6 PRO。如果您的布局适合 360 px，它适用于所列的 17 台 Google 设备，直到最宽的达到 412 px。
为什么 Google 宣布的分辨率与 CSS 视口不符？
因为这些屏幕每个 CSS 像素显示多个物理像素。Google Pixel 10 的面板有 1082 x 2426 像素，CSS 视口为 412 x 924 像素，密度为 2.625。在媒体查询中应写入第二个值。
如何在没有 Google 设备的情况下测试自己的网站？
使用Mobile FIRST扩展：它在您的浏览器中直接重现这些型号的6个设备的视口、像素密度、User-Agent和触摸事件，包括在localhost地址上。
提到的品牌和型号属于各自的所有者。