正文字体大小：100% 重置问题答案

【问题标题】：Body font-size: 100% reset issue正文字体大小：100% 重置问题
【发布时间】：2014-05-15 00:39:31
【问题描述】：

我想将我的字体大小设置为 100%（也就是说，在我的浏览器中默认为 16 像素）。嵌入 Bootstrap 及其“Normalize.css”后，当我将 font-size 设置为 100% 或 1em 时，我的文本甚至小于 16px！

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

【问题讨论】：

你为什么不寻找明确设置字体大小？
你在做字体大小：100%； Bootstrap css 导入后？
您确定 100% 规则是先例吗？您是否尝试将!important 添加到其中？
@BFD 我不想限制使用不同字体大小作为默认值的用户。
直接在浏览器控制台中测试设置 font-size: 100% 看看它是否会改变文本大小。检查您的“浏览器缩放级别”，如果您使用的是 Chrome，那么在设置/显示高级设置中，您可以检查您的默认网页内容字体大小。

【解决方案1】：

我今天在处理完全相同的问题时遇到了这个问题。以下是发生的事情：

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

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

要绕过它，要么在你的 css 中设置 html{font-size:100%} （虽然不知道引导程序如何受此影响），或者在你的 css 中为 body 设置一个明确的像素字体大小，或者继承任何引导设置。

马耳他

【讨论】：

【解决方案2】：

您是否在引导程序 CSS 本身中对此进行了编辑？所以是的，记下更改，并在引导程序的 CSS 下的网页中添加第二个 CSS 行，在新的 CSS

【讨论】：

无论我把这个“font-size: 100%”放在哪里，它所做的只是让我的font-size小于默认的16px！

【解决方案3】：

尝试在引导 css 文件之后加载 css 文件。这样，您几乎可以覆盖引导程序指定的任何属性。您的 css 将优先于引导程序文件。您还可以将 !importatant 设置为您特别想要的属性覆盖，尽管在引导后加载你的 CSS 就可以了

【讨论】：