为什么字体大小没有改变？

Question

17

我想用em而不是px来设置字体大小。这是我的代码:

<style type="text/css">
body{
    font-size: 62.5%;
}

div{
    font-size: 1.2em;
}
</style>

<body>
<div>hello world</div>
</body>

我想将div的字体大小设置为12像素，但它看起来比我预期的要小。我使用chrome浏览器工具禁用了div样式，但它似乎没有任何变化。我应该怎么做才能使div字体大小为12像素？

- hiway

2

你试过 font-size:12px 吗？ - Niet the Dark Absol

如果您没有其他CSS，当前的CSS可以正确地将div的字体大小设置为12px。您可以使用Firefox的Firebug或Chrome的开发人员工具来检查其计算样式以确认。 - Ian Y.

@IanY，是的，在“计算样式”中，它显示div的字体大小为12px，非常感谢。 - hiway

@IanY，我刚把 div 的字体大小改成了非常小的数字：.2em，但在 computed style 中，它仍然显示为 12px，这是否意味着浏览器中最小的字体大小是 12px？如果不是，那么 12px 是如何计算出来的？ - hiway

1

@HiwayChe，Chrome默认防止字体大小低于12px。这就是为什么您无法注意到更改的原因。为了克服这一点，在“body”上设置-webkit-text-size-adjust: none;。 - Ian Y.

我投票关闭此项，因为在您的示例中它确实发生了变化；您最初只是没有注意到。 - TylerH

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- mn. · Accepted Answer

嗯，看起来对我有效：示例

然而，你可能指的是启用/禁用font-size属性后只有微小的变化。这是因为嵌套元素中的em相对于其父元素的font-size计算。在你的情况下，div中的font-size:Xem是相对于标签的font-size:X%计算的。

如果仍然没有变化，请尝试将标签的font-size设置为较大的百分比，以使你的div字体变大。