pt、em、px、percent、other的转化率答案

【问题标题】：Conversion rate of pt, em, px, percent, otherpt、em、px、percent、other的转化率
【发布时间】：2012-06-06 23:40:20
【问题描述】：

当我需要使用 pt 代替 px 或 em 代替 pt 或其他任何情况时，我会遇到很多情况，并且尝试为大于 36px 的东西找到合适的尺寸有时会更痛苦在......比它应该。所以我基本上想让自己成为一个小小的转换计算器。但是，我似乎找不到任何东西来区分转换率是从一个到另一个，对于另一个相等的对应部分。

我希望我能在这里找到可以帮助我的人。基本上我的总体希望是让自己成为一个基于 jquery 的小输入，比如计算器。我键入我的 px、pt、% 和其他，然后选择要输入的转换并单击确定。

创建计算，很简单。我必须在每次转换的基础上应用的数学不是那么多，这就是我希望在这里找到的，所以我可以做到。

【问题讨论】：

没有这样的计算器是有原因的：px是一个绝对值，像pt、em、percent等都是相对的。等一下，我会挖掘一个 SO 问题...
参见例如stackoverflow.com/questions/3333076/…
还有stackoverflow.com/questions/609517/why-em-instead-of-px
v1.jontangerine.com/silo/css/pixels-to-ems
我应该强调我知道这不是一门精确的科学，我不会得到精确的表示或转换，因为 Pekka 所说的完全是什么，但总的来说，我只是在寻找足够接近的时间我实际上需要从一个或另一个转到另一个。

标签： php javascript jquery css size

【解决方案1】：

嗯，

12pt = 16px = 1em = 100%

假设您不更改正文上的字体大小（否则 pt 会有所不同），您的操作系统的 dpi 设置为 72 等。

关系如下：

pt = 3/4*px

em = pt/12

% = pt*100/12

在这种情况下。值得指出的是，使用 pt 是错误的，除非你要打印一些东西，而且使用 px、% 或 em 更常见。

就个人而言，我只使用 px 或 em。使用 % 或 em 对于基本字体大小因较小屏幕而发生变化的设计非常方便。

【讨论】：

我自己通常是 em 的粉丝，在这个场景中最大的事情是我与几个设计师一起工作，他们每个人都有自己的喜好。我会从一个人那里得到规格，就像我们需要这是“320pt x 600pt”并且在某些情况下以 em 或 px 计算出来有时会很痛苦。
对于网页设计，pt 永远不会正确。也许和他们谈谈他们认为 pt 意味着什么。你可能会发现他们认为 pt == px...
对于网页设计，是的，我同意，但也许其中一两个人对网页设计一无所知，他们都是在 Photoshop、插画家或某些情况下从事印刷设计师工作的平面设计师。所以我经常转换一些用于印刷而不是网络的东西
这听起来像是一场噩梦！希望这些转换对您有用！
发了 6 年的帖子，我是不是发现了一个错误？如果 12pt=16px，应该是 1pt = 4/3px，而不是上面所说的 1pt = 3/4px。

【解决方案2】：

Ems 和 %s 是相对值，可以根据您的上下文而改变。通常，1em 相当于 16px，但是如果你改变你的 body 的字体大小，1em 就相当于你改变它的任何值。 1.25em 也相当于 125%。

通常，72pt 相当于 1 英寸，但不应在打印 CSS 之外使用。

px 也是绝对值，但高度依赖于客户端设备 DPI。这变化很大，但大多数设备以可预测的方式处理 px 值——视网膜 iphone 上的 10px 显示与 pre-retina 设备上的 10px 相同。

还有rem 指的是html 元素的字体大小。查看更多：http://snook.ca/archives/html_and_css/font-size-with-rem

【讨论】：

【解决方案3】：

要使网站真正对所有人开放，您需要摆脱点和像素。你需要这些测量是相对的。因此百分比和 ems。

这是最好的方法。

很多人（客户）有各种各样的视力问题。

为什么要做一个那些人不能轻易使用的网站？

（各种标准解决了这些问题）

【讨论】：

是的，没有人不同意这一点，但如前所述.. 与我合作的设计师在给我最初的规格时没有考虑到这一点，所以我必须出去并找到等价物，这样我就可以使网站/软件更符合网络方面的标准。我发现试图让大众满足需求是一个荒谬的概念，所以与其对抗潮流，我只是接受我得到的东西，做我必须做的事情来使它正确。但最终它是关于制作小工具来帮助我完成我的任务:-)
@chris - 请对抗流 - 因为有一天你可能需要有人对抗你的流。

【解决方案4】：

1 毫米 = 约 3.78 像素
1cm = 10 mm = ca 37.8 px
1in = 25.4mm = 96px
1pt = 1/72 英寸 = 1 1/3 像素
1 pc = 12pt = 1/6 in = 16px
1 像素 = 3/4 点 = 1/96 英寸

这些关系是相互固定的，但请注意它们与屏幕布局中的物理尺寸不对应。如果屏幕的精确 DPI 为 96，则 1 英寸仅对应屏幕上的实际英寸。存在各种各样的屏幕和设备，因此这种情况很少见。

1px 也不总是对应于物理像素。对于高 dpi 设备（例如“视网膜”显示器），浏览器可以将 px 单位转换为物理像素的倍数，例如。 1px = 4x4 物理像素。

在打印中，单位 in、cm、mm 实际上确实对应于物理单位。但是，当用于打印样式表时，px 单位与屏幕像素（或 dpi）没有任何关系。它只是定义为 1/96 英寸。

相对单位（em、ex、%）无法转换为绝对单位（px、cm、mm、in、pc、pt），因为相对单位取决于当前字体大小。

【讨论】：