css - Body font-size: 100% reset issue -


I want to set my font-size to 100% (which is, 16px as the default in my browser). Having embedded bootstrap and 'Normalize.css, when I set the font size to 100% or 1 in 1, then less than 16px!

PS Once I set the font-size to 16px, it works, though this is not for me.

itemprop = "text">

While dealing with the same problem today I have come to this question. Here's what:

sets html {font-size: 62.5%;} HTML - whatever the default font size of the browser - maybe 62.5% of 16px, that is, you start Ends with your & lt; Html & gt; Font size of 10px in the element element then bootstrap.css sets a clear body {font-size: 14px;} which is & lt; Html & gt; Overrides the 62.5% / 10px font set set to . Now comes with your CSS and sets one body (font-size: 100%) and since 100% of the parent element's font-size, i.e. & lt; Html & gt; refers to element, you get 100%

I think the main thing is that the font size: & lt; Percent Value & gt; is relative to the font of the original element, not the current font-size. They are also used for the above units because they also use the font size of the parents.

To get around it, either set HTML (font-size: 100%) in your CSS (not sure how the bootstrap is affected, though), or for your body in a CSS Set the clear pixel font-size, or whatever it bootstrap sets, get it.

Malte

Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -