【问题标题】:Be confused with 'pt'与“pt”混淆
【发布时间】:2016-02-10 17:52:15
【问题描述】:

这些天我在做移动 webApp 开发,我读过一些关于它的文章,但是 here 的描述让我很困惑。

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

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

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

点是用于现实生活中的纸上墨水排版的度量单位。 72 点 = 一英寸。一英寸 = 现实生活中的一英寸,就像尺子一样。屏幕上没有一英寸,这完全取决于分辨率。

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

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

【问题讨论】:

标签: css mobile-website


【解决方案1】:

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

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

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

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

【讨论】:

  • 我能这样理解吗:设计师生活在印刷世界,所以实际上没有px,他们习惯使用pt,但我们是为屏幕世界开发的,我们使用px实现psd。
  • 当然。实际上,如果您将 Photoshop 中的度量值从 pt 更改为 px,则单位保持不变!对于设计师来说,1px == 1pt 所以是开发人员在实际场景中改造它的任务。
猜你喜欢
  • 2014-07-09
  • 1970-01-01
  • 2016-01-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多