企业官网建设流程全解析

上一个话题讨论了三角形如何落到像素格子上。但有一个前提没有说明：这张格子到底有多密？同样写着 “100px”，在不同屏幕上对应的物理格子数量可能差好几倍。这就是设备像素与设计像素的区别。

---

一、生动的比喻：尺子上的“厘米”和“刻度线”

设计像素 = 尺子上的“厘米” 设备像素 = 尺子上实际刻的线 （抽象的长度单位） （物理存在的最小格子） 普通尺子：1 厘米刻 1 格 ├───┼───┼───┼───┤ 0 1 2 3 4 cm 精密尺子：1 厘米刻 3 格 ├┼┼┼┼┼┼┼┼┼┼┼┼┤ 0 1 2 3 4 cm

“画一条 2 厘米长的线”在两把尺子上看起来一样长，但精密尺子用了 6 个刻度，边缘更细腻。

• 设计像素负责“东西有多大”，即布局和尺寸
• 设备像素负责“画得有多细”，即清晰度

---

二、两个概念的定义

<

设备像素（物理像素）	设计像素（逻辑像素）
本质