如何将pt转换为em？ [复制]答案

【问题标题】：How to convert pt into em? [duplicate]如何将pt转换为em？ [复制]
【发布时间】：2014-06-03 08:41:21
【问题描述】：

对不起，愚蠢的问题！我有 psd 文件，并且在标题中：Some text: has font-size 120pt; 但是我不想使用 pt 我想使用 em 那么是否可以将 pt 转换为 em？

【问题讨论】：

标签： css

【解决方案1】：

这是我使用的工具：PXtoEM。

请记住，EM 是相对于基本 PX 字体大小的。

【讨论】：

我如何知道基本像素大小？
@user2950593 你没有。你可以猜到。大多数时候是 16 像素。
@user2950593 是从父元素继承的值。 1em 本质上是 100%，而不是像 pt 或 px 这样的物理测量。
您也可以在您的 css 文件中在 body 或 html 上显式设置它。 html { 字体大小：16px; }

【解决方案2】：

你不能，就像你不能在不知道兑换率的情况下将美元兑换成欧元一样，兑换率会有所不同。一旦你知道了转化率，问题就很简单了。

这样的问题大多是在错误的前提下回答的，假设 1em 是 12pt。这在两个帐户上是不正确的。首先，em 单位默认是元素的字体大小（对于大多数属性）或父元素的字体大小（对于font-size'). Thus, it need not be the same as the root elementemvalue. Second, the root elementemvalue varies. It was common to think that it is12pt`，默认为通常是这样，但很容易看到，例如在手机中，默认字体大小远不及此。

所以，你不能。如果您需要生成以点数指定的特定布局，请使用pt。如果您想以适应基本字体大小的方式生成它，则使用em 并根据一些一致的方案将pt 值替换为em。转化率取决于您或设计师。

（120pt 的字体大小在为电影屏幕或类似的大尺寸演示而定制的页面上可能有意义。您应该将其与正文上设置的大小进行比较。）

【讨论】：

【解决方案3】：

您可以使用以下任何一种：

http://pxtoem.com/

www.convertunits.com/from/pt/to/em

【讨论】：

【解决方案4】：

EM 和 PX 之间没有明确的关系，因为 EM 大小是基于字体大小的，而 PX 大小是基于屏幕分辨率的。由于这两个元素是完全不同的，因此无法做出确切的关联。

但是，有一些方法可以相当接近。一种方法是将基本字体大小（元素上的 font-size 属性）设置为 62.8% 左右。这使得基本字体或 1.0em 大约等于 10px。它不准确，并且会因字体而异，但总的来说它非常准确。使用正文中的字体设置，您可以将 EM 用作 px 等价物......

1.0em = 10px
1.1em = 11px
1.2em = 12px
2.0em = 20px
5.0em = 50px

等等

但是，有一些注意事项，主要是它不是精确的转换，因此必须完全为 Xpx 的元素不太可能如此。另一个大的危险是，将基本字体设置得这么小会使 IE 文本大小调整有些问题，因为这个 62.8% 的大小变成了 IE 的“meduim”设置。由于 IE 只允许增加两种字体大小（“大”和“更大”），那些需要更大字体的人可能无法获得足够大的大小来满足他们的需要。同样，缩小到“小”或“更小”会使文本几乎无法阅读。

但除此之外，这是一种非常实用的技术。

【讨论】：