Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why font size does not change?

Tags:

css

font-size

em

I want to set font size with em, not px. Here is my code:

<style type="text/css">
body{
    font-size: 62.5%;
}

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

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

I want to set div font size to be 12px, but it looks small than I expect, I disable div style with chrome browser tools, it does not look to have any change. What should I do to make div font size 12px?

like image 820
hiway Avatar asked Apr 07 '13 03:04

hiway


1 Answers

hmm, seems to work for me: example

Though, what you might be referring to is little change from enabling/disabling the font-size property. This is because the em for nested elements is relative to their parents font-size. In your instance, the font-size:Xem for the div is relative to the font-size:X% of the body.

If your still getting no change, try setting your body's font-size to a larger percentage to make your div's font larger

like image 188
Michael Nguyen Avatar answered Nov 05 '22 02:11

Michael Nguyen