Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others?

Question

Our site renders with inconsistent font sizes on mobile Safari -- and as far as we can tell, only Mobile Safari. This very much has stumped us.

We analyzed the site

Answer 1

In my case I had a

element and I solved this issue by adding:

width: fit-content;

To it. I was able to reproduce this on Safari mobile as well.