与'pt‘混淆

Question

这些天我正在研究移动webApp开发，我读过一些关于它的文章，但是描述这里使我感到困惑。

点是抽象的单位，它们只有在这个数学坐标空间中才有意义。

所以这意味着点就像density-independent pixel？有些地方使用375pt * 627pt来描述iPhone6，许多关于设计的文章使用pt作为一个整体。

并将pt描述为来自CSS技巧的css单元。

点是一个测量单位，用于现实生活中的纸上墨水印刷.72磅=1英寸。一英寸=一寸现实生活中的尺子。屏幕上一英寸都没有，这完全是基于分辨率的任意决定。

我记得有一个类似1px = 0.75pt的公式。所以我不知道他们在说什么。

• 这些point是同一个吗？
• iPhone6有375px * 627px css像素(当initial-scale设置为1.0时)，那么为什么有些地方使用pt
• 设计师文章中的数字12pt是否意味着12px

Answer 1

设计师用1pt == 1px的理论来设计(在大多数配置中，photoshop是相同的)，但是在真实的网络世界中，这是不正确的，因为1点不是一个像素。

• 建议仅在页的打印机版本中使用CSS中的pt单元(因为与英寸的关系)。
• iPhone6已经有了这个分辨率，但如果你改变到点，它可能会崩溃，有时，在大多数设备。
• 也许是的，但是不要相信那些认为pt和px一样的设计师，这是不真实的。

这里是W3C的一篇有趣的文章。

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