php - pt、em、px、百分比、其他的转换率

Question

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

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

创建计算，非常简单。我必须在每次转化的基础上应用的数学并不多，这就是我希望在这里找到的，这样我就可以做到。

Answer 1

嗯，

12pt = 16px = 1em = 100%

假设你不改变 body 上的字体大小(否则 pt 会不同)，你的操作系统的 dpi 设置为 72 等等。

关系看起来像:

pt = 3/4*px

em = pt/12

% = pt*100/12

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

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