Css 与'混淆；pt&x27；

这几天我在做移动webApp开发，我读了一些关于它的文章，但是描述让我困惑

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

这意味着点就像密度无关的像素？一些地方用

375pt*627pt

来描述iPhone6，许多关于设计的文章都以

pt

为单位

以及作为css单元的

pt

的说明

点是一种测量单位，用于现实生活中的纸上油墨排版。72分=一英寸。一英寸=一把尺子上的一英寸。屏幕上一英寸也没有，这完全是基于分辨率的任意选择

我记得有一个公式，比如

1px=0.75pt

。所以我不知道他们在说什么

• 这些

  点是否相同

• iPhone6有

  375px*627px

  css像素（当设置

  initial scale

  为1.0时），那么为什么有些地方使用

  pt

• 设计师文章中的数字

  12pt

  是否表示

  12px

---

设计师使用

1pt==1px

的理论进行设计（在photoshop中，大多数配置都是相同的），但在真实的网络世界中，这是不正确的，因为1点不是1像素

• CSS中的

  pt

  单元建议仅在页面的打印机版本中使用（因为与英寸的关系）
• iPhone6已经有了这样的解决方案，但如果你改变到某一点，它有时可能会在大多数设备上崩溃
• 也许是的，但不要相信那些认为网页中的

  pt

  与

  px

  相同的设计师，那是不真实的

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

---

所以我可以这样理解：设计师生活在印刷世界，所以那里实际上没有

px

，他们习惯于使用

pt

，但我们为屏幕世界开发，我们使用

px

实现psd。当然。事实上，如果你将Photoshop中的度量值从

pt

更改为

px

，单位保持不变！！对于设计人员来说，

1px==1pt

所以在实际场景中转换它是开发人员的任务。