我曾使用em，但在嵌套项中遇到问题，所以决定按照YUI的建议使用%。
要更改字体大小，请始终使用百分比作为单位，因为它们呈现得比
em一致，并且因为它们允许用户自行调整大小（而像素不允许）。
如何将px转换为%？该网站可以将px转换为emhttp://pxtoem.com/
编辑
我发现这个例子很好，但只能使用24px。
http://yuilibrary.com/yui/docs/cssfonts/cssfonts-size.html
如何根据此表格计算每个px大小对应的%大小。例如，根据此表格，45px对应的是什么%大小。
已经有两个答案发布了，但它们是不正确的。每个接受百分比长度的 CSS 属性都定义了这些值的计算方式。在 font-size 方面，CSS 2.1 规范如下：
百分比： 相对于继承的字体大小。
它永远不会依赖于窗口大小或其他因素。
如何将像素转换为百分比: 在大多数情况下，16px 是 font-size 的默认值 - 这是 100%。因此，45px 将是 100% * 45px / 16px = 281.25%。
body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; /* for IE */ *font:x-small; /* for IE in quirks mode */ } - Jitendra Vyas百分比是针对流式布局的，它始终依赖于浏览器的实际大小，并且会随着调整大小而改变，而固定布局则不管浏览器大小如何都不会改变。
换句话说，你所要做的是，你需要假设一些永远不正确的东西。
例如，你可以假设100%等于1024像素，但在我的屏幕上，它将是1920像素...
所有主要的浏览器都使用像素进行内部计算，因此它将为您执行计算。你可以通过JavaScript获取字体的像素大小（在我的情况下，我使用jQuery），从而轻松地获得像素大小。
请参见 jsFiddle上的测试用例
编辑: 我需要更多的咖啡因，重新读了问题后才意识到你需要相反的东西。
为了获得相反的结果，你可以像这个测试用例中那样操作。
但是，你必须知道基础像素以进行比较。在上面的测试用例中，我同时从父级font-size和body元素获取百分比。
我曾经用过Firebug。 我曾将百分比放入字体大小中，并在“计算”选项卡中进行检查。 如果与实际文档中的字体大小相同，则知道我需要这个百分比值。 经过几次转换，您就会知道哪个百分比值适用于文档中的哪个像素。 不是非常简单，但也不难。
将PX转换为％的简单公式是TCR，即 Target % Context = Result * 100。
此公式适用于字体像素到％和固定内容框到百分比框的转换。
如果您的字体大小为45px（目标），内容值为默认值16（Content），结果为2.81并乘以100，则会得到281.25，您可以将其四舍五入为281％。
例子1：在1000px的容器中，找到一个200px div的百分比宽度：
200 / 1000 = .2 => 将小数点向右移动两位，得到20%的宽度。
例子2：将div的左右padding转换为百分比，其中padding为10px，元素宽度为350px，所有内容都在1000px的容器中。由于我们只考虑padding，因此忽略整个容器，上下文是350px和目标是10px。我们的左右padding将是：
10 / 350 = 0.02857142857142857（保留整个小数以确保数学上的完美）=> 将小数点向右移动两位，得到2.857142857142857%的左右padding。
em很容易。但是当涉及到嵌套元素时，问题就出现了，“62.5%”会将默认字体大小设置为“10px”，这太小了，难以阅读。 - Jitendra Vyas