彻底搞懂UI设计和WEB设计常用尺寸介绍

关系式如下：

△ 分辨率关系式

清楚了解何谓分辨率以后，现在来看看绘图时的状况吧。

iOS 的 pt 单位

让我们继续稍早的故事，由于苹果又再一次重新发明手机，公司里的设计师和工程师可苦了，又要做新的 App 来上架，PM 立刻准备好了两代机种给工程师测试：

「好，美工，你要在画面上放什么东西？」工程师一脸不耐烦地说。
「那个⋯⋯我不是美⋯⋯」设计师还没说完，就被大吼一声：
「啊？你连分辨率都要人教，还说自己是设计师！」

呵呵，这工程师一定南部来的。

「好啦⋯⋯我要在画面上放一条分隔线，灰色的。」
「粗细呢？」
「1 px。」
「呵呵！就说你是美工，说要 1px？来，你自己看看这是什么」

怎么会两台手机的画面不一样呢？

原来是因为，当一个屏幕分辨率（像素密度）越高的时候，像素点就会越密集、越小颗，因此我们使用 px 当单位来做 UI 的话，就会发生不同分辨率的屏幕呈现不同的状况，那这要怎么解决呢？我们继续看下去。

工程师：「来，美工，我跟你说，我现在跟你讲好一件事，你看一下这两支手机的画面。」