将我的CSS测量单位从绝对转换为相对

时间:2012-05-27 00:38:53

标签: css relative units-of-measurement

我想将我的CSS样式表单位从Absolute转换为Relative。

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

首先,我这样做是因为我已经看到使用em会使页面对所有观看者来说都更加通用。这是正确的决定吗?

如果是这样,我该如何为所有其他人设置默认值呢?

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

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

我应该使用em吗?也许rem,恩?或者只是%,s,em,pt和px的混合物,哪里合适?

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

现在我应该担心在某些浏览器/操作系统或某些东西搞砸了吗?无论如何,我之后可以测试它,以确保我的布局将始终保持在不同的分辨率,浏览器,操作系统等同步?

感谢您的时间,我很感激。 我知道这可能会给你们很多,希望它不会太多......

照顾每个人。

2 个答案:

答案 0 :(得分:1)

“2em”表示“正常尺寸的两倍”或固有的尺寸。 “em”优于“px”的优点在于它相对于默认值/固有值。

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

通常,最好只使用相对值,因为它会使用户的配置/平台更加适应。

你不应该真正指定一个“默认值”,它应该是浏览器指定的默认值。

答案 1 :(得分:0)

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

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