css – 为什么字体大小不会改变?

前端之家收集整理的这篇文章主要介绍了css – 为什么字体大小不会改变?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想用em设置字体大小,而不是px.这是我的代码
<style type="text/css">
body{
    font-size: 62.5%;
}

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

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

我想将div字体大小设置为12px,但它看起来比我预期的小,我使用chrome浏览器工具禁用div样式,它看起来没有任何变化.为什么以及如何使div字体大小为12px?谢谢.

解决方法

嗯,似乎对我有用: example

但是,您可能指的是启用/禁用font-size属性的变化不大.这是因为嵌套元素的em与其父级字体大小相关.在您的实例中,div的font-size:Xem是相对于body-size的字体大小:X%.

如果你仍然没有变化,尝试将你的身体的字体大小设置为更大的百分比,以使你的div字体更大

猜你在找的CSS相关文章