1

I have exactly (I changed the values via Developer tools in Chrome) the same content rendered with font-size (unit em):

  • 1.0

1.0

  • 1.1

1.1

  • 1.2

1.2

  • 1.3

1.3

  • 1.4

1.4

But as you can see with 1.2 the alignment of the two blocks is different in Chrome (also in Firefox). You can see it in action here and here.

How is that possible?

cincura.net
  • 4,130
  • 16
  • 40
  • 1
    They appear to be completely different font-sizes for me in both chrome and firefox, as chrome has a default of 16px for that element and 12px in firefox. – George Reith Jul 12 '15 at 20:59
  • Checkout this topic http://stackoverflow.com/questions/4899792/font-size-issues-comparing-chrome-and-firefox – Keammoort Jul 12 '15 at 21:36
  • But I'm not comparing Chrome and Firefox. All screenshots are taken form Chrome. I'm just saying that the `1.2em` weird behavior happens in Chrome and also in Firefox. – cincura.net Jul 13 '15 at 05:57

1 Answers1

1

Surprisingly the font-size: 80% definition for body was causing this. I removed it and recomputed all the rest and it's fine now.

cincura.net
  • 4,130
  • 16
  • 40