CSS字体大小在不同页面上使用不同的em答案

【问题标题】：CSS font size using em different on different pagesCSS字体大小在不同页面上使用不同的em
【发布时间】：2013-05-16 16:55:07
【问题描述】：

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

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

为任何帮助干杯。

【问题讨论】：

你能发一个链接到这个网站吗？如果不查看各个页面上的字体大小定义，这很难解决。
抱歉，它在 Intranet 上。以前的站点设计器仅使用标记使用内联 css，但从未关闭其中任何一个。每页大约有 20-50 个。
如果您使用了 标记，那么如果可能的话，该页面需要重新设计。  在 html 4.0 过渡版本中已弃用，invalid 用于 html 4.0 严格版本。假设一个主要基于 IE 的 Intranet，以及为 IE 开发没有有效文档类型的困难，我认为这值得花时间/成本。但是......我想你需要一个商业案例来证明成本是合理的。可怜的家伙。 =/（参考：w3.org/TR/REC-html40/present/graphics.html#edef-FONT）
是否在其中一些大小不同的页面上设置了 Text-Size？你用的是哪个浏览器？
@Rudiger，这很公平。只是，你知道，ewwwww =D

【解决方案1】：

我注意到没有人提到 em 是如何作为字体大小单位工作的，所以我会尽力为您澄清这一点。

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

设置绝对大小
对于 absolute 大小，例如 px 或 pt，您是在告诉浏览器您希望文本的大小。如果你写12px，它的高度会正好是 12 像素。
设置相对大小 - em 是相对大小。
对于 relative 尺寸，例如 em，您是在告诉浏览器相对于页面上的其他文本而言，该文本有多大。这有点像百分比，因此如果您的页脚文本大小为 0.8em，它将呈现为页面上主要文本的 80%。

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

这也是为什么使用 标签非常糟糕的原因。挖掘这些标签并弄清楚正在设置的显式大小可能会甩掉您的ems，这将是一件非常痛苦的事情。
当您使用 CSS 设置字体大小时，这不仅是一个易于查找的信息，而且是一个易于修改的属性。

【讨论】：

【解决方案2】：

正如 David Thomas 所说， 的使用已被弃用。如果您有软件工具来进行全局编辑，您可以尝试删除所有  标记，然后将实际上需要不同字体的类添加回 HTML，并将字体信息添加到 CSS。
另一种选择是一次通过一个，我认为这很耗时。完成后至少你的 HTML 会更干净。

在弱防御中，之前的设计师可能使用了所见即所得的网页设计工具，为他/她创建了 HTML，但没有看到生成的代码。

【讨论】：

【解决方案3】：

尝试使用px 或pt 单位而不是em 的精确尺寸。
百分比和em 的大小可能会被意外的继承级别搞砸，但px 或pt 不会。

【讨论】：

【解决方案4】：

我的解决方案基本上是使用内联样式来纠正任何问题。使用 px 而不是 em 是一种选择，但我们更愿意保持可访问性，而不是反对使用内联样式的最佳实践（无论如何，任何最佳实践都已经过时了）。

【讨论】：

我建议在 FireFox 上使用 Firebug（Chrome 有原生的东西，IE 也有，但相比之下它很糟糕）并检查元素上应用的样式，继承与否，否决。然后通过查看对 black-sheep 元素应用了哪些额外规则，很容易找出不同大小的来源。
嗯，在这种情况下，它看起来并不是一个令人愉快的阅读。 x_x