当我需要使用 pt 代替 px 或 em 代替 pt 或任何情况时，我会遇到更多的情况，并且尝试为大于 36px 的东西找到合适的尺寸有时在 . ......比它应该的。所以我基本上想让自己成为一个小小的转换计算器。但是，我似乎找不到任何东西可以区分转换率是从一个到另一个，对于另一个相等的对应部分。
我希望我能在这里找到可以帮助我的人。基本上我的总体希望是让自己成为一个基于 jquery 的小输入，比如计算器。我键入我的 px、pt、% 和其他，然后选择要输入的转换并单击确定。
创建计算，很容易。我必须在每次转换的基础上应用的数学不是那么多，这就是我希望在这里找到的，所以我可以做到。
好，
12pt = 16px = 1em = 100%
假设您不更改正文上的字体大小（否则 pt 会有所不同），您的操作系统的 dpi 设置为 72 等等。
关系如下：
pt = 3/4*px
em = pt/12
% = pt*100/12
在这种情况下。值得指出的是，使用 pt 是错误的，除非您正在打印某些东西，并且使用 px、% 或 em 更常见。
就个人而言，我只使用 px 或 em。使用 % 或 em 对于较小屏幕的基本字体大小发生变化的设计很方便。
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
这些关系彼此固定，但请注意它们与屏幕布局中的物理尺寸不对应。如果屏幕的精确 DPI 为 96，则 1 英寸仅对应屏幕上的实际英寸。存在各种各样的屏幕和设备，因此实际上很少会出现这种情况。
1px 也不总是对应一个物理像素。对于高 dpi 设备（例如“视网膜”显示器），浏览器可以将 px 单位转换为物理像素的倍数，例如。1px = 4x4 物理像素。
在打印中，单位 in、cm、mm 实际上确实对应于物理单位。但是，当用于打印样式表时，px 单位与屏幕像素（或 dpi）没有任何关系。它只是定义为 1/96 英寸。
相对单位（em、ex、%）无法转换为绝对单位（px、cm、mm、in、pc、pt），因为相对单位取决于当前字体大小。
要使网站真正对所有人开放，您需要摆脱点和像素。你需要这些测量是相对的。因此百分比和 ems。
这是最好的方法。
很多人（客户）有各种各样的视力问题。
为什么要做一个那些人不能轻易使用的网站？
（各种标准解决了这些问题）