1

我想将我的 CSS 样式表测量单位从绝对转换为相对。

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

首先，我这样做是因为我已经看到使用 em 将使页面对所有查看者更加通用。这是正确的决定吗？

如果是这样，我该如何为所有其他人设置默认值？

我应该在正文标签中放置字体的像素大小吗？
因为我通常只是将背景信息分配给 body 标签，然后我创建一个名为 .whole 的 div，并为其分配宽度等，所有内容都在 .whole div 内部，而不仅仅是 body 容器。

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

我什至应该使用 em 吗？也许rem，恩？或者只是 %'s、em、pt's 和 px 的混合体，在哪里合适？

这个问题主要是通过检查我的 css 样式表与“juicyStudio CSS Analyzer”产生的，因为我大部分时间都使用 px，结果给了我一堆“注意：单位是绝对的”等。并显示了 Web Content Accessibility 的准则 3.4指南 1.0，建议使用相对测量。

现在我应该担心设置在某些浏览器/操作系统或其他东西中变得混乱吗？无论如何，我可以在之后进行测试，以确保我的布局在不同的分辨率、浏览器、操作系统等下始终保持同步？

谢谢你们的时间，我很感激。我知道这可能会给你们带来很多麻烦，希望不会太多..

照顾大家。

4

2 回答 2

1

“2em”的意思是“正常大小的两倍”，或继承的大小。“em”优于“px”的优势在于它与默认/继承值相关。

如果我将浏览器配置为用户 16px 默认大小，则 2em = 32px。如果你输入“20px”，无论用户的配置如何，它都是“20px”。

通常，最好只使用相对值，因为它看起来更适合用户的配置/平台。

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

于 2012-05-27T00:55:14.047 回答
0

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

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

于 2012-05-27T00:54:43.937 回答