Why does using em font-sizes ruin line-height?

Question

I set a font-size on my body element as 19px - then from there, I am using em for different kinds of things, but there is an issue and line-heights are irregular... example, I use font-size: 0.6 em and the line height is uneven, it's driving me crazy!!

BTW using bootstrap - they set a line height of 1.428571429.

Tried using line-height normal and tested with different em sizes... There should be something I'm doing wrong?

Why do you describe your code instead of showing us your code? — Helenesh, Feb 12 '19 at 17:14

score -1 · Answer 1 · edited Sep 22 '21 at 21:02

-1

Use rem instead: https://css-tricks.com/confused-rem-em/

em is "ratio compare to parent font size"

edited Sep 22 '21 at 21:02

TylerH

20,799
66
75
101

answered Feb 12 '19 at 16:28

AVAVT

7,058
2
21
44

behaves the same if I use rem – artist learning to code Feb 13 '19 at 06:00
Oooh, uneven `line-height`... does this one sound familiar: https://stackoverflow.com/questions/23461423/small-tag-makes-height-of-paragraph-larger ? – AVAVT Feb 13 '19 at 06:01
:( tried changing to rem and even px and its the same..uneven at certain sizes, and its not even a span or small, its a p inside a div.... – artist learning to code Feb 13 '19 at 06:33
I suppose in this case we will need a [mcve](https://stackoverflow.com/help/mcve) to see what's going on. – AVAVT Feb 13 '19 at 07:16

Why does using em font-sizes ruin line-height?

1 Answers1