Why does my font-size display differently on firefox vs. chrome mobile browsers?

Viewed 1733

I've been trying to find an answer to this, but no luck so far. Below is a screenshot, side by side (left is firefox, right is chrome). Same html, same css, totally different display of font-size and line-height.

Any help would be hugely appreciated. The left (firefox's display) is the result I want on chrome also.

enter image description here

1 Answers

Every browsers have different default values, even though most of them are same.

Designers usually tackle this problem by normalizing/reseting the default browser values using a Normalize Script.

You can read about this more in this article.

Related