iPhone 10 (iPhone X) 尺寸大小详解

适用于 UI 设计、前端开发与设备适配参考

iPhone 10(官方命名为 iPhone X)是苹果公司于 2017 年发布的十周年纪念机型,首次采用全面屏设计。以下是其关键尺寸与显示参数:

参数 数值
设备名称 iPhone X / iPhone 10
屏幕尺寸 5.8 英寸(对角线)
物理尺寸(高 × 宽 × 厚) 143.6 mm × 70.9 mm × 7.7 mm
屏幕分辨率 2436 × 1125 像素
像素密度 (PPI) 458 PPI
屏幕比例 19.5:9
逻辑分辨率(CSS 像素) 812 × 375 pt
设备像素比 (DPR) 3x

设计提示:在进行移动端网页或 App UI 设计时,请以逻辑分辨率(375×812)为基准,并考虑刘海区域(安全区域)的影响,使用 CSS 的 env(safe-area-inset-*) 进行适配。

iPhone 17 第三批上市日期 - 最新发布信息与预测 iPhone苹果图片大全 - 高清壁纸与产品图下载 iPhone录音是MP3格式吗?详解iOS录音格式与转换方法 昭阳和ThinkPad哪个好?对比分析与选购建议 iPhone 13 Pro 上市时间 - 官方发布日期与发售信息 iPhone 13 屏幕尺寸与机身大小详解 - 全面参数指南 iPhone雷达闹钟下载 - 免费获取最新版雷达闹钟App iPhone 15听筒位置在哪?详细图解说明 iPhone法国版和国行版有什么差别?全面对比指南 iPhone无限重启闪Logo问题解决方法大全 | 专业修复指南 ThinkPad 8 屏幕更换教程 - 详细图文指南 ThinkPad X1 电池使用与维护指南 新买 iPhone 有电池使用记录?原因解析与解决方法 iPhone 6s Plus回收价格查询 - 最新高价回收指南 ThinkPad怎么开启蓝牙功能 - 操作指南 iPhone 13 系列官方定价 | 全型号价格一览 iPhone双密码隐私模式设置指南 - 保护你的私密数据 iPhone 17 数据线接口最新消息 - 全面解析与购买指南 iPhone 17 多久到货?最新上市时间与预售信息 - 专题页 ThinkPad T480 内存条安装指南 - 详细图文教程 iPhone短信发不出去是什么原因?常见问题与解决方法 ThinkPad E480 开不了机问题排查与解决方法 ThinkPad E480 固态硬盘升级指南 - 提升性能的简单方法 第一部iPhone发布时间 - 历史回顾与影响 韩版iPhone建议买吗?全面分析优缺点与购买指南 iPhone怎么修改蓝牙设备名称 - 详细操作指南 ThinkPad 蓝牙开关不见了?解决方法汇总 iPhone 17 Pro 最新曝光信息 - 全面解析下一代苹果旗舰 ThinkPad 进入 BIOS 方法指南 - 详细步骤与快捷键说明 iPhone 17 背面全图高清展示 - 最新苹果手机设计预览 iPhone 17 机型对比 - 最新苹果手机参数与功能全面解析 Accidents 的用法详解 | 英语语法学习 iPhone如何打开隐藏App?完整操作指南 Mac备份iPhone到移动硬盘 - 完整教程与技巧 iPhone碰一碰在哪设置?详细操作指南 - 功能设置教程 iPhone无法启动个人热点?原因分析与解决方法大全 ThinkStation进入BIOS按什么键 - 官方指南 iPhone怎么看隐藏App?详细教程与操作指南 iPhone手机热点名字怎么改?详细设置教程 iPhone闹钟间隔时间设置方法详解 | 闹钟重复提醒技巧 另类 Windows Phone 中国官网 - 怀旧移动操作系统体验 iPhone港版官网 - 最新港版苹果手机信息与购买指南 ThinkPad 开机滴滴滴响8下故障原因与解决方法 iPhone关机历史记录查询指南 - 了解你的设备使用情况 iPhone短信没有删除却不见了?原因与解决方法大全 ThinkPad 屏幕特别暗?原因与解决方法 | 实用指南 iPhone 7 Plus 长度是多少厘米?详细尺寸参数介绍 ThinkPad P15 U盘启动设置指南 iPhone如何调节闹钟音量 - 详细图文教程 iPhone SE 3 支持无线充电吗?全面解析 - 功能与使用指南 iPhone 11 静音模式自动切换设置指南 | 实用技巧与解决方案 ThinkPad R480 拆机图解 - 详细步骤与硬件说明 iPhone 17背屏版在国内有吗?最新消息与分析 ThinkPad 进 BIOS 设置 U 盘启动教程 - 简明指南 iPhone从哪一代开始支持高刷新率(高刷)?全面解析 iPhone锁屏密码忘了怎么办?完整解锁与恢复指南 iPhone怎么把自动更新关闭 - 详细操作指南 ThinkPad无法进入BIOS界面的解决方法 - 常见问题指南 ThinkPad 的 Fn 键怎么用?详细使用指南 iPhone 显示 5G 的原因与解决方法 - 全面指南 iPhone双密码双空间设置指南 - 隐私保护与多用户使用技巧 dominate 的用法详解 | 英语动词学习指南 查找我的 iPhone 网页登录入口 - 官方 iCloud 定位服务 ThinkPad 无法从 U 盘启动?常见原因与解决方法 iPhone 4 和 iPhone 4s 哪个好?全面对比分析 iPhone 5s 与 iPhone SE 参数对比 - 全面详细规格比较 iPhone App图标大小怎么调?完整设置指南 ThinkPad 开机响8声无法启动原因与解决方法 iPhone17重启方法大全 - 官方指南与常见问题解决 iPhone丢失了对方关机,如何找回?完整指南 iPhone 4 和 iPhone 4s 的区别详解 | 全面对比指南 iPhone隐藏应用方法大全 - 安全隐藏不常用App技巧 ThinkPad有背光键盘吗?全面解答 - ThinkPad使用指南 ThinkPad进入BIOS的快捷键方法 - 官方指南 ThinkPad哪款性价比最高?2025高性价比型号推荐 iPhone 13 无线充电指南 - 支持设备、使用技巧与常见问题 ThinkPad E14 使用指南与常见问题解答 iPhone 17闹钟声音太小了?原因分析与解决方法大全 iPhone抠图后保存为贴纸 - 免费教程与工具推荐 iPhone X为什么那么贵?深度解析苹果旗舰定价逻辑 iPhone长时间不用开不了机?原因分析与解决方法大全 ThinkPad 触摸板按键使用指南 | 功能说明与操作技巧 iPhone 17 配置对比 - 最新苹果手机参数详解 iPhone 17 电池续航与技术解析 - 最新苹果手机电池信息 ThinkPad BIOS 升级指南 - 安全、简单、官方方法 iPhone 17 预售时间官网几点开始?最新官方消息汇总 老版ThinkPad太卡怎么办?优化指南与实用建议 ThinkPad E450c 拆电池教程 - 安全拆卸与更换指南 iPhone强制重启方法大全 - 不同机型操作指南 ThinkPad E450 拆机教程与内部结构详解 iPhone读音是什么?正确发音与常见误区解析 iPhone手机名字在哪里改?详细设置教程 ThinkPad驱动下载官网 - 官方驱动程序支持中心 iPhone明明输对了密码却提示错误?原因与解决方法全解析 iPhone忘记密码如何重置 - 完整图文教程 iPhone数据迁移到电脑 - 完整教程与工具推荐 iPhone 官网下载安装指南 - 最新 iOS 系统与应用安装教程 iPhone备份在Mac电脑哪里?完整查找与管理指南 iPhone的密码是什么?全面解析与安全建议 iPhone释放存储空间:10种高效方法彻底清理手机内存