与'pt'混淆

时间:2016-02-10 09:44:56

标签: css mobile-website

我现在正致力于移动webApp开发,我已经阅读了一些关于它的文章,但描述here使我感到困惑。

  

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

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

来自CSS Trickpt作为css单位的描述。

  

点是用于现实纸上墨水排版的度量单位。 72pts =一英寸。一英寸=一个真实的英寸像一个统治者。屏幕上没有一英寸,根据分辨率完全是任意的。

我记得有一个类似1px = 0.75pt的公式。所以我不明白他们在谈论哪些方面。

  • 这些point是否相同?
  • iPhone6有375px * 627px css像素(将initial-scale设置为1.0时),为什么有些地方会使用pt
  • 设计师文章中的数字12pt是否意味着12px

1 个答案:

答案 0 :(得分:3)

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

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

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

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