正文字体大小:100%重置问题

时间:2014-04-24 07:07:06

标签: css twitter-bootstrap font-size

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

PS。一旦我明确地将font-size设置为16px它确实有用,虽然它不是我正在寻找的。

3 个答案:

答案 0 :(得分:1)

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

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

我想这里的主要内容是font-size:<html>是相对于父元素的font-size,而不是当前的font-size。上面也适用于em单位,因为它们也使用父级的font-size。

要绕过它,可以在你的css中设置html {font-size:100%}(不知道引导程序如何受到影响),或者在你的css中为正文设置一个显式的像素字体大小,或者继承任何bootstrap设置。

马尔特

答案 1 :(得分:0)

你是否在bootstrap CSS本身编辑了这个?所以是的,记下更改,并在新的CSS&lt;&gt;中在引导程序的CSS下在您的网页中添加第二个CSS行。你只制定了新的变革规则,那些将会发生变化。覆盖&#34;浏览器读取它们时的bootstrap CSS

答案 2 :(得分:0)

尝试在bootstrap css文件之后加载你的css文件。这样你几乎可以覆盖bootstrap指定的任何属性。你的css将优先于bootstrap文件。你也可以设置!imporatant到你特别想要的属性覆盖虽然在bootstrap之后加载你的css会做的伎俩