html - 不同页面上使用 em 的 CSS 字体大小不同

Question

CSS 不是我的强项，所以这可能很简单。我已经使用 0.8em 在样式表中设置了页脚字体大小，但在不同的页面上它是不同的大小。我只是在编辑别人的作品，而他在不关闭标签方面做得很差，所以有点痛苦。

有没有办法清除所有字体设置，使页脚在所有页面上都相同？或者这是一个可以通过其他方式解决的问题？

欢迎任何帮助。

Answer 1

我注意到没有人谈到如何 em用作字体大小单位，所以我会尽力为您解决这个问题。

有两种方法可以告诉浏览器应该呈现多大的字体。

1. 设置绝对大小
   对于绝对 大小，例如 px或 pt ，您是在告诉浏览器您希望文本的确切大小。如果你写 12px , 它会精确地显示为 12 像素高。
2. 设置相对大小— em是相对尺寸。
   对于相对 尺寸，例如 em ，您是在告诉浏览器相对于页面上其他文本的文本大小。这有点像百分比，所以如果您的页脚文本大小为 0.8em ，它将呈现为页面上主要文本高度的 80%。

这解释了为什么您会在不同的页面上获得不同的尺寸。如果正文的字体大小在一页上明确设置，但在另一页上根本没有设置(或明确设置为不同的大小)，这将使您的 em -sized 字体以不同的大小呈现。

这也是为什么使用<font>真的很糟糕的原因标签。围绕这些标签进行挖掘并弄清楚正在设置哪些显式大小可能会影响您的 em 将是一件非常痛苦的事情。 s.
当您使用 CSS 设置字体大小时，这不仅是一个易于查找的信息，而且是一个易于修改的属性。