gpt4 book ai didi

css - 正文字体大小 : 100% reset issue

转载 作者:行者123 更新时间:2023-11-28 17:45:38 25 4
gpt4 key购买 nike

我想将字体大小设置为 100%(即我的浏览器默认为 16px)。嵌入 Bootstrap 及其 Normalize.css 后,当我将字体大小设置为 100% 或 1em 时,我的文本甚至会小于 16px!

附言。一旦我将 font-size 明确设置为 16px,它就可以工作,尽管这不是我想要的。

最佳答案

我今天在处理完全相同的问题时遇到了这个问题。这是发生了什么:

bootstrap.css 设置 html {font-size: 62.5%;} - 这是浏览器默认字体大小的 62.5% - 可能是 16px,即你最终在 <html> 中的起始字体大小为 10px元素。然后 bootstrap.css 设置显式主体 {font-size: 14px;} 覆盖 62.5%/10px 字体集 <html> 。现在你的 css 出现并设置了一个 body {font-size:100%} 并且因为 100% 指的是父元素的字体大小,即 <html> 元素,你得到 100% of 62/.5% 和 presto - tiny字体。

我想这里最主要的是 font-size: <percentage value> 是相对于父元素的字体大小,而不是当前的字体大小。以上也适用于 em 单位,因为它们也使用父级的字体大小。

要绕过它,要么在你的 css 中设置 html{font-size:100%}(但不确定 bootstrap 如何受到影响),或者在你的 css 中为 body 设置一个明确的像素字体大小,或者继承任何 Bootstrap 设置。

马尔特

关于css - 正文字体大小 : 100% reset issue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23262108/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com