Question

根据The 6 Most Important CSS Techniques You Need To Know中的建议，我将我的身体font-size设置为62.5%，将container div font-size设置为1.4 em（与文章略有不同）。 p.tags和p.published的{{1}}设置为1em。

但是，这对我不起作用。 font-size和p.tags中的普通文本和文本都是相同的大小（Firebug计算的16.8px）。你能解释为什么我的代码不起作用吗？我在Firefox 3.6.3中测试。作者显示的sample page在同一浏览器中运行良好。

我已经复制了下面的整个页面 - 道歉的长度，但我认为最好不要遗漏任何东西。

p.published

Answer 1

您的<p class="tags">和<p class="published">元素位于container div中，其字体大小为1.4em，并且位于posts div内，字体大小为1.2em。我认为将段落的字体大小设置为1em并没有真正做任何事情，因为em单位是累积的。因此，如果你的“root”字体大小是62.5％，那么第一个div的增加40％，第二个div增加20％。您的两个段落也将具有此字体大小，因为它们不会增加或减小大小。

基本上，如果您希望“标签”和“已发布”段落的文字较小，请将它们的大小设置为小于1，例如0.9em。这将使它们的大小比同一父div中的其他元素小10％。

Answer 2

格雷厄姆是对的，我确定了;

p.tags, p.published {
    font-size: 0.5em;
}

这改变了字体大小。 Updated Jsfiddle her如

EM是根据正文字体的基本大小计算出来的。 Look here有关其工作原理的解释：）

font-size如何在这里不起作用？

2 个答案: