将CSS度量单位从绝对单位转换为相对单位

Question

我希望将CSS样式表的度量单位从绝对单位转换为相对单位。

现在我使用的是px值。我想把它改成em。

首先，我之所以这样做，是因为我已经看到使用em会使页面对所有的浏览者来说更加通用。这是正确的决定吗？

如果是这样的话，我该如何设置默认值，以便其他所有人都遵循呢？

我应该在body标签中设置字体的像素大小吗？

因为我通常只是将背景信息分配给body标记，然后创建一个名为.whole的div，并为其分配宽度等，所有内容都放在.whole div中，而不仅仅是body容器。

那么我应该将默认值放在正文中吗？或者我应该把它放在.whole中？

我是否应该使用它们呢？也许是rem，嗯？或者只是%s，em，pt's和px的混合，哪里合适？

这个问题主要产生于检查我的css样式表与"juicyStudio CSS Analyzer“，因为我使用px的大部分时间，结果给了我一堆”注意:单位是绝对的“等，并显示准则3.4的网页内容可访问性指南1.0，建议使用相对测量。

现在，我是否应该担心在某些浏览器/操作系统或其他系统中设置变得一团糟？无论如何，我可以在之后测试它，以确保我的布局在不同的分辨率、浏览器、操作系统等情况下始终保持同步。

感谢大家抽出时间，我很感激。我知道这对你们来说可能太多了，希望不会太多..

照顾好每个人。

Answer 1

"2em“表示”正常大小的两倍“，或继承的大小。与"px“相比，"em”的优点在于它是相对于默认值/继承值的。

如果我将浏览器配置为用户16px默认大小，2em = 32px。如果你输入"20px"，不管用户的配置是什么，它都会是"20px“。

一般来说，最好只使用相对值，因为这样看起来更适合用户的配置/平台。

你不应该真的指定一个“默认值”，这应该是浏览器分配的默认值。

Answer 2

当客户端的dpi与普通浏览器不同时，大多数现代浏览器使用缩放来改变字体大小。

所以使用px是可以的，你可以利用px来做更好的设计。