为什么我会将相对字体大小应用于body标签?

时间:2009-02-22 19:42:09

标签: css

我看到有些人用来为CSS属性中的font-size: 80%标记设置body

为什么我会这样做?为什么我不能简单地为特定属性添加相对字体大小(例如p { font-size: 90% })?

8 个答案:

答案 0 :(得分:5)

将正文字体大小设置为62.5%会设置每个其他元素,以便1.0em == 10px。因此,如果我希望我的h1为20px而我的p为14,我只需将它们分别设置为2.0em和1.4em。

在ems而不是px中设置font-size允许在某些浏览器中更灵活地调整文本大小(FF2和IE6会浮现在脑海中)。

答案 1 :(得分:3)

大多数浏览器的默认字体大小为16像素。但这对大多数作者来说太大了。因此,不是设置固定的字体大小从而覆盖用户的设置(另外IE< = 7不能缩放像素字体大小),它们只是缩小浏览器的默认值。

答案 2 :(得分:1)

您可以将body标记设置为所有未设置font-size的元素的默认值。您还可以为正文设置常用字体大小,并为不同于正文的元素设置字体大小。

答案 3 :(得分:1)

这种用法的另一个例子是,如果你想创建一个放大或缩小文本大小的javascript函数,那么你可以只是对正文字体大小添加一个更改,它将适用于所有内容。

答案 4 :(得分:0)

因为您可能没有希望将font-size应用于所有内容的p标记。

不是每个人都会在每一段文字中包含一个段落(即有些人使用div和ps的混合物...)

答案 5 :(得分:0)

另一个用途是利用字体大小继承。

如果您使用基于body标签的相对字体大小,那么现在提供多种尺寸将成为更改body标签字体大小的任务。

答案 6 :(得分:0)

在BODY元素上设置百分比或ems的字体大小是跨浏览器字体大小一致性的技巧。此外,当您使用菜单中的文本大小选项或使用Alt +鼠标滚轮组合时,它允许IE6调整字体大小。

那说自从新的IE和Firefox 3默认采用整页缩放,并且看到IE6正在慢慢消失在框架外,使用相对字体大小纯粹支持IE6文本调整大小可能不再值得麻烦。

答案 7 :(得分:0)

我发现将字体大小定义为正文百分比的一个巧妙方法是为没有浏览器的浏览器创建伪页面缩放。

如果您在网站中使用ems来显示字体大小和布局尺寸,则所有内容都会相对于字体大小进行缩放。因此,如果用户选择将浏览器的字体大小设置为12pt(而不是通常的默认值16pt),则整个页面(无图像)将随文本缩放。

相关问题