Android 视口尺寸:Pixel、Galaxy、折叠屏、DPR 和分辨率
搜索 Pixel、Galaxy 等 Android 机型,分别查看折叠屏的外屏和内屏。对比有来源支持的硬件规格,以及尚未核实的 CSS 视口和 DPR 参考值。
数据状态: 本批数据复核日期:2026-09-24(UTC)。各来源的访问日期见表格详情。
数据来源: 每个来源链接只支持详情中引用的硬件字段;缺少依据的规格会标为待核实。
计算口径: CSS 视口与 DPR 参考值尚未经过独立验证。原生分辨率是硬件规格,不等于浏览器视口。显示缩放、浏览器工具栏、旋转方向和窗口大小都会改变网页可用空间。硬件分辨率按短边 × 长边展示;屏幕对角线沿用厂商的测量口径。
快速答案: 先搜索机型并查看来源详情,再用目标浏览器测量实际视口。根据内容需要设置断点,不要把单一机型尺寸当作固定标准。
视口尺寸表
37 条记录
数据截至: 2026-09-24
横向滚动表格以查看所有列。
| 型号 | CSS 参考视口(px) | 原生分辨率(px) | DPR 参考值 | 对角线(英寸) | PPI | 来源 |
|---|---|---|---|---|---|---|
Google Pixel 10 Pro XLGoogle规格与证据
|
414 × 921未核实参考 | 1344 × 2992 | 3.25未核实参考 | 6.8 | 486 | 打开来源: Google Google Pixel 10 Pro XL |
Google Pixel 10 ProGoogle规格与证据
|
410 × 914未核实参考 | 1280 × 2856 | 3.125未核实参考 | 6.3 | 495 | 打开来源: Google Google Pixel 10 Pro |
Google Pixel 10Google规格与证据
|
412 × 923未核实参考 | 1080 × 2424 | 2.625未核实参考 | 6.3 | 422 | 打开来源: Google Google Pixel 10 |
Google Pixel 10 Pro FoldGoogle外屏规格与证据
|
待核实 | 1080 × 2364 | 2.625未核实参考 | 6.4 | 408 | 打开来源: Google Google Pixel 10 Pro Fold |
Google Pixel 10 Pro Fold主屏规格与证据
|
692 × 717未核实参考 | 2076 × 2152 | 3.0未核实参考 | 8 | 373 | 打开来源: Google Google Pixel 10 Pro Fold |
| Samsung Galaxy S25 UltraSamsung | 412 × 891未核实参考 | 待核实 | 3.5未核实参考 | 待核实 | 待核实 | 待核实 |
| Samsung Galaxy S25+Samsung | 412 × 891未核实参考 | 待核实 | 3.5未核实参考 | 待核实 | 待核实 | 待核实 |
| Samsung Galaxy S25Samsung | 360 × 780未核实参考 | 待核实 | 3.0未核实参考 | 待核实 | 待核实 | 待核实 |
| Huawei Mate 70 ProHuawei | 411 x 885未核实参考 | 待核实 | 3.2未核实参考 | 待核实 | 待核实 | 待核实 |
| Xiaomi 15 ProXiaomi | 412 x 914未核实参考 | 待核实 | 3.5未核实参考 | 待核实 | 待核实 | 待核实 |
OPPO Find X8 ProOPPO规格与证据
|
395 x 869未核实参考 | 待核实 | 3.2未核实参考 | 6.78 | 450 | 打开来源: OPPO OPPO Find X8 Pro |
vivo X200 Provivo规格与证据
|
394 x 875未核实参考 | 1260 × 2800 | 3.2未核实参考 | 待核实 | 452 | 打开来源: vivo vivo X200 Pro |
| Honor Magic7 ProHonor | 400 x 875未核实参考 | 待核实 | 3.2未核实参考 | 待核实 | 待核实 | 待核实 |
| Samsung Galaxy Z Fold6Samsung外屏 | 323 × 792未核实参考 | 待核实 | 3.0未核实参考 | 待核实 | 待核实 | 待核实 |
| Samsung Galaxy Z Fold6主屏 | 619 × 720未核实参考 | 待核实 | 3.0未核实参考 | 待核实 | 待核实 | 待核实 |
| Samsung Galaxy Z Flip6Samsung | 393 × 960未核实参考 | 待核实 | 2.75未核实参考 | 待核实 | 待核实 | 待核实 |
| Samsung Galaxy S24 UltraSamsung | 412 × 891未核实参考 | 待核实 | 3.5未核实参考 | 待核实 | 待核实 | 待核实 |
Samsung Galaxy S24+Samsung规格与证据
|
412 × 891未核实参考 | 1440 × 3120 | 3.5未核实参考 | 6.7 | 待核实 | 打开来源: Samsung Samsung Galaxy S24+ |
| Samsung Galaxy S24Samsung | 360 × 780未核实参考 | 待核实 | 3.0未核实参考 | 待核实 | 待核实 | 待核实 |
Google Pixel 9 Pro XLGoogle规格与证据
|
414 × 921未核实参考 | 1344 × 2992 | 3.25未核实参考 | 6.8 | 486 | 打开来源: Google Google Pixel 9 Pro XL |
Google Pixel 9 ProGoogle规格与证据
|
410 × 914未核实参考 | 1280 × 2856 | 3.125未核实参考 | 6.3 | 495 | 打开来源: Google Google Pixel 9 Pro |
Google Pixel 9Google规格与证据
|
412 × 923未核实参考 | 1080 × 2424 | 2.625未核实参考 | 6.3 | 422 | 打开来源: Google Google Pixel 9 |
Google Pixel 8 ProGoogle规格与证据
|
412 × 921未核实参考 | 1344 × 2992 | 3.25未核实参考 | 6.7 | 489 | 打开来源: Google Google Pixel 8 Pro |
Google Pixel 8Google规格与证据
|
412 × 915未核实参考 | 1080 × 2400 | 2.625未核实参考 | 6.2 | 428 | 打开来源: Google Google Pixel 8 |
Samsung Galaxy S23 UltraSamsung规格与证据
|
412 × 915未核实参考 | 1440 × 3088 | 3.5未核实参考 | 6.8 | 待核实 | 打开来源: Samsung Samsung Galaxy S23 Ultra |
Samsung Galaxy S23+Samsung规格与证据
|
384 × 854未核实参考 | 1080 × 2340 | 2.8125未核实参考 | 6.6 | 待核实 | 打开来源: Samsung Samsung Galaxy S23+ |
Samsung Galaxy S23Samsung规格与证据
|
360 × 780未核实参考 | 1080 × 2340 | 3.0未核实参考 | 6.1 | 待核实 | 打开来源: Samsung Samsung Galaxy S23 |
Google Pixel 7 ProGoogle规格与证据
|
412 × 892未核实参考 | 1440 × 3120 | 3.5未核实参考 | 6.7 | 512 | 打开来源: Google Google Pixel 7 Pro |
Google Pixel 7Google规格与证据
|
412 × 915未核实参考 | 1080 × 2400 | 2.625未核实参考 | 6.3 | 416 | 打开来源: Google Google Pixel 7 |
Samsung Galaxy S22 UltraSamsung规格与证据
|
412 × 915未核实参考 | 1440 × 3088 | 3.5未核实参考 | 6.8 | 待核实 | 打开来源: Samsung Samsung Galaxy S22 Ultra |
Samsung Galaxy S22+Samsung规格与证据
|
384 × 854未核实参考 | 1080 × 2340 | 2.8125未核实参考 | 6.6 | 待核实 | 打开来源: Samsung Samsung Galaxy S22+ |
Samsung Galaxy S22Samsung规格与证据
|
360 × 780未核实参考 | 1080 × 2340 | 3.0未核实参考 | 6.1 | 待核实 | 打开来源: Samsung Samsung Galaxy S22 |
Google Pixel 6 ProGoogle规格与证据
|
412 × 915未核实参考 | 1440 × 3120 | 3.5未核实参考 | 6.7 | 512 | 打开来源: Google Google Pixel 6 Pro |
Google Pixel 6Google规格与证据
|
412 × 915未核实参考 | 1080 × 2400 | 2.625未核实参考 | 6.4 | 411 | 打开来源: Google Google Pixel 6 |
| Samsung Galaxy S21 UltraSamsung | 384 × 854未核实参考 | 待核实 | 3.75未核实参考 | 待核实 | 待核实 | 待核实 |
Samsung Galaxy S21+Samsung规格与证据
|
384 × 854未核实参考 | 1080 × 2400 | 2.8125未核实参考 | 6.7 | 待核实 | 打开来源: Samsung Samsung Galaxy S21+ |
| Samsung Galaxy S21Samsung | 360 × 800未核实参考 | 待核实 | 3.0未核实参考 | 待核实 | 待核实 | 待核实 |
没有匹配的设备,请尝试其他搜索词或重置筛选。
理解视口尺寸
视口基础知识
- 视口尺寸: 您的网站可以使用的CSS像素可见区域
- 屏幕分辨率: 设备上实际的物理像素数量
- 设备像素比 (DPR): 物理像素与CSS像素之间的比率
- 方向: Android设备支持竖屏和横屏两种模式
设计考虑
- 为各种屏幕尺寸和密度设计
- 考虑不同的长宽比
- 针对触摸交互进行优化
- 使用适当的媒体查询
- 考虑可折叠设备
设备视口常见问题
CSS 视口是浏览器用于排版网页的区域,原生分辨率表示显示面板的物理像素数。DPR 描述设备像素与 CSS 像素之间的比例,但用原生分辨率除以 DPR,不能可靠地得到浏览器视口。
即使物理分辨率接近,DPR、系统显示缩放和浏览器实现差异也会让 CSS 视口宽度不同。
这张表可作为真实设备参考,但断点应优先依据内容布局变化而不是单一机型。建议重点覆盖 360、390、412、768、820、834、1024 等 CSS 像素宽度。
折叠屏在外屏和内屏下会出现差异很大的视口比例。应分别测试两种状态和横竖屏切换,避免把布局写死在单一宽度。
复核日期代表本批整理时间,不表示每个字段都在当天实测。来源详情列出访问日期及其支持的字段;没有明确测量记录的 CSS 视口和 DPR 仍属于未核实参考值。
相关资源
加载中...