iPhone 视口尺寸：CSS 像素、DPR 和分辨率表

查找表中收录的 iPhone 机型，对比有来源支持的屏幕规格与 CSS 视口、DPR 参考值。尚未核实的参考值会在表中明确标注。

数据状态： 本批数据复核日期：2026-09-24（UTC）。各来源的访问日期见表格详情。

数据来源： 每个来源链接只支持详情中引用的硬件字段；缺少依据的规格会标为待核实。

计算口径： CSS 视口与 DPR 参考值尚未经过独立验证。原生分辨率是硬件规格，不等于浏览器视口。显示缩放、浏览器工具栏、旋转方向和窗口大小都会改变网页可用空间。硬件分辨率按短边 × 长边展示；屏幕对角线沿用厂商的测量口径。

快速答案： 先搜索机型并查看来源详情，再用目标浏览器测量实际视口。根据内容需要设置断点，不要把单一机型尺寸当作固定标准。

检测当前浏览器视口

视口尺寸表

26 条记录

数据截至: 2026-09-24

横向滚动表格以查看所有列。

型号	CSS 参考视口（px）	原生分辨率（px）	DPR 参考值	对角线（英寸）	PPI	来源
iPhone 17 Pro MaxApple 规格与证据机身尺寸 78 × 163.4 × 8.75 mm 来源位置 Display section > product column #5 (iPhone 17 Pro Max, id=hR2mCXWz) 核实日期 2026-09-24 原生分辨率 2868-by-1320-pixel resolution at 460 ppi 像素密度 2868-by-1320-pixel resolution at 460 ppi 对角线尺寸 6.9-inch (diagonal) all-screen OLED display 1 机身尺寸 6.43 inches (163.4 mm); 3.07 inches (78.0 mm); 0.34 inch (8.75 mm)	440 × 956未核实参考	1320 × 2868	3未核实参考	6.9	460	打开来源: Apple iPhone 17 Pro Max
iPhone 17 ProApple 规格与证据机身尺寸 71.9 × 150 × 8.75 mm 来源位置 Display section > product column #4 (iPhone 17 Pro, id=ZhHBl-Jt) 核实日期 2026-09-24 原生分辨率 2622-by-1206-pixel resolution at 460 ppi 像素密度 2622-by-1206-pixel resolution at 460 ppi 对角线尺寸 6.3-inch (diagonal) all-screen OLED display 1 机身尺寸 5.91 inches (150.0 mm); 2.83 inches (71.9 mm); 0.34 inch (8.75 mm)	402 × 874未核实参考	1206 × 2622	3未核实参考	6.3	460	打开来源: Apple iPhone 17 Pro
iPhone AirApple 规格与证据机身尺寸 74.7 × 156.2 × 5.64 mm 来源位置 Display section > product column #6 (iPhone Air, id=LZILPLvf) 核实日期 2026-09-24 原生分辨率 2736-by-1260-pixel resolution at 460 ppi 像素密度 2736-by-1260-pixel resolution at 460 ppi 对角线尺寸 6.5-inch (diagonal) all-screen OLED display 1 机身尺寸 6.15 inches (156.2 mm); 2.94 inches (74.7 mm); 0.22 inch (5.64 mm)	420 × 912未核实参考	1260 × 2736	3未核实参考	6.5	460	打开来源: Apple iPhone Air
iPhone 17Apple 规格与证据机身尺寸 71.5 × 149.6 × 7.95 mm 来源位置 Display section > product column #7 (iPhone 17, id=OGbL1N1L) 核实日期 2026-09-24 原生分辨率 2622-by-1206-pixel resolution at 460 ppi 像素密度 2622-by-1206-pixel resolution at 460 ppi 对角线尺寸 6.3-inch (diagonal) all-screen OLED display 1 机身尺寸 5.89 inches (149.6 mm); 2.81 inches (71.5 mm); 0.31 inch (7.95 mm)	402 × 874未核实参考	1206 × 2622	3未核实参考	6.3	460	打开来源: Apple iPhone 17
iPhone 16eApple 规格与证据机身尺寸 71.5 × 146.7 × 7.8 mm 来源位置 Display section > product column #13 (iPhone 16e, id=A0iRygBz) 核实日期 2026-09-24 原生分辨率 2532-by-1170-pixel resolution at 460 ppi 像素密度 2532-by-1170-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.31 inch (7.80 mm)	390 × 844未核实参考	1170 × 2532	3未核实参考	6.1	460	打开来源: Apple iPhone 16e
iPhone 16 Pro MaxApple 规格与证据机身尺寸 77.6 × 163 × 8.25 mm 来源位置 Display section > product column #10 (iPhone 16 Pro Max, id=3AjlM6ZG) 核实日期 2026-09-24 原生分辨率 2868-by-1320-pixel resolution at 460 ppi 像素密度 2868-by-1320-pixel resolution at 460 ppi 对角线尺寸 6.9-inch (diagonal) all-screen OLED display 1 机身尺寸 6.42 inches (163 mm); 3.06 inches (77.6 mm); 0.32 inch (8.25 mm)	待核实	1320 × 2868	3未核实参考	6.9	460	打开来源: Apple iPhone 16 Pro Max
iPhone 16 ProApple 规格与证据机身尺寸 71.5 × 149.6 × 8.25 mm 来源位置 Display section > product column #9 (iPhone 16 Pro, id=Y8GmbmX0) 核实日期 2026-09-24 原生分辨率 2622-by-1206-pixel resolution at 460 ppi 像素密度 2622-by-1206-pixel resolution at 460 ppi 对角线尺寸 6.3-inch (diagonal) all-screen OLED display 1 机身尺寸 5.89 inches (149.6 mm); 2.81 inches (71.5 mm); 0.32 inch (8.25 mm)	待核实	1206 × 2622	3未核实参考	6.3	460	打开来源: Apple iPhone 16 Pro
iPhone 16 PlusApple 规格与证据机身尺寸 77.8 × 160.9 × 7.8 mm 来源位置 Display section > product column #12 (iPhone 16 Plus, id=gASFVG-Z) 核实日期 2026-09-24 原生分辨率 2796-by-1290-pixel resolution at 460 ppi 像素密度 2796-by-1290-pixel resolution at 460 ppi 对角线尺寸 6.7-inch (diagonal) all-screen OLED display 1 机身尺寸 6.33 inches (160.9 mm); 3.06 inches (77.8 mm); 0.31 inch (7.80 mm)	待核实	1290 × 2796	3未核实参考	6.7	460	打开来源: Apple iPhone 16 Plus
iPhone 16Apple 规格与证据机身尺寸 71.6 × 147.6 × 7.8 mm 来源位置 Display section > product column #11 (iPhone 16, id=Fha16AyJ) 核实日期 2026-09-24 原生分辨率 2556-by-1179-pixel resolution at 460 ppi 像素密度 2556-by-1179-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.81 inches (147.6 mm); 2.82 inches (71.6 mm); 0.31 inch (7.80 mm)	待核实	1179 × 2556	3未核实参考	6.1	460	打开来源: Apple iPhone 16
iPhone 15 Pro MaxApple 规格与证据机身尺寸 76.7 × 159.9 × 8.25 mm 来源位置 Display section > product column #15 (iPhone 15 Pro Max, id=iCzJXwNI) 核实日期 2026-09-24 原生分辨率 2796-by-1290-pixel resolution at 460 ppi 像素密度 2796-by-1290-pixel resolution at 460 ppi 对角线尺寸 6.7-inch (diagonal) all-screen OLED display 1 机身尺寸 6.29 inches (159.9 mm); 3.02 inches (76.7 mm); 0.32 inch (8.25 mm)	430 × 932未核实参考	1290 × 2796	3未核实参考	6.7	460	打开来源: Apple iPhone 15 Pro Max
iPhone 15 ProApple 规格与证据机身尺寸 70.6 × 146.6 × 8.25 mm 来源位置 Display section > product column #14 (iPhone 15 Pro, id=BxoBktn9) 核实日期 2026-09-24 原生分辨率 2556-by-1179-pixel resolution at 460 ppi 像素密度 2556-by-1179-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.77 inches (146.6 mm); 2.78 inches (70.6 mm); 0.32 inch (8.25 mm)	393 × 852未核实参考	1179 × 2556	3未核实参考	6.1	460	打开来源: Apple iPhone 15 Pro
iPhone 15 PlusApple 规格与证据机身尺寸 77.8 × 160.9 × 7.8 mm 来源位置 Display section > product column #17 (iPhone 15 Plus, id=z3HEgkDg) 核实日期 2026-09-24 原生分辨率 2796-by-1290-pixel resolution at 460 ppi 像素密度 2796-by-1290-pixel resolution at 460 ppi 对角线尺寸 6.7-inch (diagonal) all-screen OLED display 1 机身尺寸 6.33 inches (160.9 mm); 3.06 inches (77.8 mm); 0.31 inch (7.80 mm)	待核实	1290 × 2796	3未核实参考	6.7	460	打开来源: Apple iPhone 15 Plus
iPhone 15Apple 规格与证据机身尺寸 71.6 × 147.6 × 7.8 mm 来源位置 Display section > product column #16 (iPhone 15, id=R976lnUG) 核实日期 2026-09-24 原生分辨率 2556-by-1179-pixel resolution at 460 ppi 像素密度 2556-by-1179-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.81 inches (147.6 mm); 2.82 inches (71.6 mm); 0.31 inch (7.80 mm)	待核实	1179 × 2556	3未核实参考	6.1	460	打开来源: Apple iPhone 15
iPhone 14 Pro MaxApple 规格与证据机身尺寸 77.6 × 160.7 × 7.85 mm 来源位置 Display section > product column #19 (iPhone 14 Pro Max, id=ponGukYT) 核实日期 2026-09-24 原生分辨率 2796-by-1290-pixel resolution at 460 ppi 像素密度 2796-by-1290-pixel resolution at 460 ppi 对角线尺寸 6.7-inch (diagonal) all-screen OLED display 1 机身尺寸 6.33 inches (160.7 mm); 3.05 inches (77.6 mm); 0.31 inch (7.85 mm)	430 × 932未核实参考	1290 × 2796	3未核实参考	6.7	460	打开来源: Apple iPhone 14 Pro Max
iPhone 14 ProApple 规格与证据机身尺寸 71.5 × 147.5 × 7.85 mm 来源位置 Display section > product column #18 (iPhone 14 Pro, id=KYlix4hz) 核实日期 2026-09-24 原生分辨率 2556-by-1179-pixel resolution at 460 ppi 像素密度 2556-by-1179-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.81 inches (147.5 mm); 2.81 inches (71.5 mm); 0.31 inch (7.85 mm)	393 × 852未核实参考	1179 × 2556	3未核实参考	6.1	460	打开来源: Apple iPhone 14 Pro
iPhone 14 PlusApple 规格与证据机身尺寸 78.1 × 160.8 × 7.8 mm 来源位置 Display section > product column #21 (iPhone 14 Plus, id=dfiNN_qd) 核实日期 2026-09-24 原生分辨率 2778-by-1284-pixel resolution at 458 ppi 像素密度 2778-by-1284-pixel resolution at 458 ppi 对角线尺寸 6.7-inch (diagonal) all-screen OLED display 1 机身尺寸 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.31 inch (7.80 mm)	428 × 926未核实参考	1284 × 2778	3未核实参考	6.7	458	打开来源: Apple iPhone 14 Plus
iPhone 14Apple 规格与证据机身尺寸 71.5 × 146.7 × 7.8 mm 来源位置 Display section > product column #20 (iPhone 14, id=Z-14FYfp) 核实日期 2026-09-24 原生分辨率 2532-by-1170-pixel resolution at 460 ppi 像素密度 2532-by-1170-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.31 inch (7.80 mm)	390 × 844未核实参考	1170 × 2532	3未核实参考	6.1	460	打开来源: Apple iPhone 14
iPhone SE (3rd generation)Apple 规格与证据机身尺寸 67.3 × 138.4 × 7.3 mm 来源位置 Display section > product column #26 (iPhone SE (3rd generation), id=oOWv29Ub) 核实日期 2026-09-24 原生分辨率 1334-by-750-pixel resolution at 326 ppi 像素密度 1334-by-750-pixel resolution at 326 ppi 对角线尺寸 4.7-inch (diagonal) widescreen LCD display with IPS technology 机身尺寸 5.45 inches (138.4 mm); 2.65 inches (67.3 mm); 0.29 inch (7.3 mm)	375 × 667未核实参考	750 × 1334	2未核实参考	4.7	326	打开来源: Apple iPhone SE (3rd generation)
iPhone 13 Pro MaxApple 规格与证据机身尺寸 78.1 × 160.8 × 7.65 mm 来源位置 Display section > product column #23 (iPhone 13 Pro Max, id=6dEqudaf) 核实日期 2026-09-24 原生分辨率 2778-by-1284-pixel resolution at 458 ppi 像素密度 2778-by-1284-pixel resolution at 458 ppi 对角线尺寸 6.7-inch (diagonal) all-screen OLED display 1 机身尺寸 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.30 inch (7.65 mm)	428 × 926未核实参考	1284 × 2778	3未核实参考	6.7	458	打开来源: Apple iPhone 13 Pro Max
iPhone 13 ProApple 规格与证据机身尺寸 71.5 × 146.7 × 7.65 mm 来源位置 Display section > product column #22 (iPhone 13 Pro, id=6SX_xJWQ) 核实日期 2026-09-24 原生分辨率 2532-by-1170-pixel resolution at 460 ppi 像素密度 2532-by-1170-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.30 inch (7.65 mm)	390 × 844未核实参考	1170 × 2532	3未核实参考	6.1	460	打开来源: Apple iPhone 13 Pro
iPhone 13Apple 规格与证据机身尺寸 71.5 × 146.7 × 7.65 mm 来源位置 Display section > product column #25 (iPhone 13, id=YrUsmImz) 核实日期 2026-09-24 原生分辨率 2532-by-1170-pixel resolution at 460 ppi 像素密度 2532-by-1170-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.30 inch (7.65 mm)	390 × 844未核实参考	1170 × 2532	3未核实参考	6.1	460	打开来源: Apple iPhone 13
iPhone 13 miniApple 规格与证据机身尺寸 64.2 × 131.5 × 7.65 mm 来源位置 Display section > product column #24 (iPhone 13 mini, id=idAq1s7A) 核实日期 2026-09-24 原生分辨率 2340-by-1080-pixel resolution at 476 ppi 像素密度 2340-by-1080-pixel resolution at 476 ppi 对角线尺寸 5.4-inch (diagonal) all-screen OLED display 1 机身尺寸 5.18 inches (131.5 mm); 2.53 inches (64.2 mm); 0.30 inch (7.65 mm)	375 × 812未核实参考	1080 × 2340	3未核实参考	5.4	476	打开来源: Apple iPhone 13 mini
iPhone 12 Pro MaxApple 规格与证据机身尺寸 78.1 × 160.8 × 7.4 mm 来源位置 Display section > product column #28 (iPhone 12 Pro Max, id=FBs9n5Xc) 核实日期 2026-09-24 原生分辨率 2778-by-1284-pixel resolution at 458 ppi 像素密度 2778-by-1284-pixel resolution at 458 ppi 对角线尺寸 6.7-inch (diagonal) all-screen OLED display 1 机身尺寸 6.33 inches (160.8 mm); 3.07 inches (78.1 mm); 0.29 inch (7.4 mm)	428 × 926未核实参考	1284 × 2778	3未核实参考	6.7	458	打开来源: Apple iPhone 12 Pro Max
iPhone 12 ProApple 规格与证据机身尺寸 71.5 × 146.7 × 7.4 mm 来源位置 Display section > product column #27 (iPhone 12 Pro, id=2M-Rc4gb) 核实日期 2026-09-24 原生分辨率 2532-by-1170-pixel resolution at 460 ppi 像素密度 2532-by-1170-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.29 inch (7.4 mm)	390 × 844未核实参考	1170 × 2532	3未核实参考	6.1	460	打开来源: Apple iPhone 12 Pro
iPhone 12Apple 规格与证据机身尺寸 71.5 × 146.7 × 7.4 mm 来源位置 Display section > product column #30 (iPhone 12, id=MI8sNeCz) 核实日期 2026-09-24 原生分辨率 2532-by-1170-pixel resolution at 460 ppi 像素密度 2532-by-1170-pixel resolution at 460 ppi 对角线尺寸 6.1-inch (diagonal) all-screen OLED display 1 机身尺寸 5.78 inches (146.7 mm); 2.82 inches (71.5 mm); 0.29 inch (7.4 mm)	390 × 844未核实参考	1170 × 2532	3未核实参考	6.1	460	打开来源: Apple iPhone 12
iPhone 12 miniApple 规格与证据机身尺寸 64.2 × 131.5 × 7.4 mm 来源位置 Display section > product column #29 (iPhone 12 mini, id=-KLt1wx-) 核实日期 2026-09-24 原生分辨率 2340-by-1080-pixel resolution at 476 ppi 像素密度 2340-by-1080-pixel resolution at 476 ppi 对角线尺寸 5.4-inch (diagonal) all-screen OLED display 1 机身尺寸 5.18 inches (131.5 mm); 2.53 inches (64.2 mm); 0.29 inch (7.4 mm)	375 × 812未核实参考	1080 × 2340	3未核实参考	5.4	476	打开来源: Apple iPhone 12 mini

理解视口尺寸

视口基础知识

在为iPhone设备进行设计时，理解视口尺寸和屏幕分辨率之间的区别至关重要：

视口尺寸： 您的网站可以使用的CSS像素可见区域
屏幕分辨率： 设备上实际的物理像素数量
设备像素比 (DPR)： 物理像素与CSS像素之间的比率

分辨率测试

设计考虑

考虑不同的屏幕尺寸和密度
考虑各种宽高比
针对不同方向进行优化
在多个设备上测试
考虑折叠屏和双屏设备

技术实现

使用响应式设计技术
实现适当的视口元标签
考虑安全区域插入
针对不同DPR值进行优化

设备视口常见问题

CSS 视口是浏览器用于排版网页的区域，原生分辨率表示显示面板的物理像素数。DPR 描述设备像素与 CSS 像素之间的比例，但用原生分辨率除以 DPR，不能可靠地得到浏览器视口。

即使物理分辨率接近，DPR、系统显示缩放和浏览器实现差异也会让 CSS 视口宽度不同。

这张表可作为真实设备参考，但断点应优先依据内容布局变化而不是单一机型。建议重点覆盖 360、390、412、768、820、834、1024 等 CSS 像素宽度。

折叠屏在外屏和内屏下会出现差异很大的视口比例。应分别测试两种状态和横竖屏切换，避免把布局写死在单一宽度。

复核日期代表本批整理时间，不表示每个字段都在当天实测。来源详情列出访问日期及其支持的字段；没有明确测量记录的 CSS 视口和 DPR 仍属于未核实参考值。