---
url: /design/device-and-units.md
---
# 设备基准与像素单位

## 已核对的硬件信息

| 项目     | 基准                                        | 依据                     |
| ------ | ----------------------------------------- | ---------------------- |
| 屏幕     | 4.7 英寸单色墨水屏                               | 官方固件仓库 [S1](/design/sources-and-decisions#来源)            |
| 原生像素尺寸 | 官方写法 1216 × 684；本文竖屏使用 684 × 1216         | 官方固件仓库 [S1](/design/sources-and-decisions#来源)，与原草案画布一致 |
| 灰阶能力   | 16 灰阶                                     | 官方固件仓库 [S1](/design/sources-and-decisions#来源)            |
| 输入     | 双点触摸、三个电容按键区域                             | 官方固件仓库 [S1](/design/sources-and-decisions#来源)            |
| 刷新示例   | partial DU、Full GC16；阅读示例还列出 DU／GL16／GC16 | 官方 Demo 文档 [S2](/design/sources-and-decisions#来源)        |

坐标原点为竖屏左上角，x 向右、y 向下。矩形采用左闭右开、上闭下开区间，例如 \[0, 684)。旋转后的触摸坐标必须与显示坐标一致。

本文所有 px 均指**基准画布像素／目标设备物理像素**。字号也以目标栅格尺寸 px 定义，不等同于 iOS pt、Android dp/sp 或未经配置的浏览器 CSS px。网页预览必须明确 viewport 和缩放关系；整张预览可以缩放，不能据此改变交付像素。

## 如何参考 iPhone SE 3

Apple 官方列出 iPhone SE 第三代为 4.7 英寸、1334 × 750 像素 [S3](/design/sources-and-decisions#来源)。它适合作为小屏信息密度、清晰层级、导航一致性与单手操作的参考；不能直接移植其颜色、动画、滚动或点数尺寸。

原草案采用 Apple HIG 的 44 × 44 pt 控件尺寸参考 [S4](/design/sources-and-decisions#来源)，该外部引用本轮仍待正文核验。本规范不将它误写成 44 × 44 个墨水屏物理像素。按原草案的同尺寸屏幕估算，44 pt 在 SE 的 2× 栅格中为 88 px，换算到本文画布约为 88 × 684 / 750 ≈ 80 px。因此保留 **80 × 80 px 点击热区**作为补充推荐值；它是设计估算，不是硬件认证下限。实际可用性仍须测试。

## 预览与交付（补充建议）

设计稿使用 684 × 1216 基准坐标；设备交付时基准像素对应目标物理像素。网页只整体缩放画布，不能逐项缩小字号或热区。预览需标注基准尺寸与缩放比例。

例如画布在网页上缩到 342 px 宽时，整体比例为 0.5；根页 48 px App Bar 标题在预览中约占 24 CSS px，交付设备仍以 48 个物理像素栅格绘制。浏览器设备像素比不改变规范数值。

80 × 80 热区是原草案的设计估算，不是硬件认证下限。Apple HIG 的 44 pt 引用本轮没有读到可核对正文，保留为原草案参考，见[来源记录](/design/sources-and-decisions)。

旋转适配同时检查显示和触摸的角点、中心与边缘；不能只旋转画面而沿用旧触摸坐标。有效可见范围和底部遮挡仍需设备验证。