与 'pt' 混淆

Be confused with 'pt'

我最近在做移动webApp的开发,也看过一些相关的文章,但是描述here让我一头雾水。

Points are abstract units, they only make sense in this mathematical coordinate space.

所以这意味着积分就像 density-independent pixel?有些地方用375pt * 627pt来描述iPhone6,很多关于设计的文章都用pt作为一个单位。

以及 pt 作为 css 单元的描述来自 CSS Trick

A point is a unit of measurement used for real-life ink-on-paper typography. 72pts = one inch. One inch = one real-life inch like-on-a-ruler. Not an inch on a screen, which is totally arbitrary based on resolution.

而且我记得有一个像1px = 0.75pt这样的公式。所以我分不清他们说的是哪几点。

设计师根据1pt == 1px的理论进行设计(在photoshop中大多数配置都是一样的),但在真实的网络世界中这是不正确的,因为1点不是1像素。

  • CSS中的pt单位建议仅在打印机版本的页面中使用(因为与英寸的关系)。
  • iPhone6 已获得该分辨率,但如果您更改为点,在大多数设备中有时可能会崩溃。
  • 也许是,但不要相信在网络中认为 ptpx 相同的设计师,那不是真的。

这是一篇来自 W3C 的有趣文章:

https://www.w3.org/Style/Examples/007/units.en.html