找出网页中的文本大于使用Firebug的原因

Question

我有一些文字显示的字体大小超出预期。我使用了Firebug，它显示文本是12px，如元素的CSS中定义的那样。但Web Developer和CSSViewer都报告文本是16px，这是当前显示的内容。

使用所有这些工具，我无法快速确定16px字体大小的来源。它应该是12px。

使用这些工具（或其他工具）确定如何计算16px的最佳方法是什么？虽然我可以通过级联层次结构找到它，但我想知道是否有办法更容易地获取信息。

Answer 1

使用 Web开发人员工具包时，您可以看到元素的DOM路径 - 只需查看其中一个较高元素是否具有不同的字体大小。 Firebug应该显示样式继承的元素

Answer 2

如果使用Firebug没有帮助，我会全局搜索你的CSS“16px”，暂时删除该属性，看看是否有帮助。 CSS并不总是按预期运行，特别是在不同的浏览器中。例如，错误的代码格式化会触发非常奇怪的行为。

另外，验证您的XHTML / HTML和CSS。我发现这可以立即解决很多问题。

Answer 3

Since version 1.10 Firebug Computed side panel allows you to expand each computed value查看它的级联层次结构，这样可以很容易地了解它是如何计算的。

示例：

在此示例中，您可以看到字体大小基本上是使用选择器.wmd-preview在规则中定义的。