Mobile Safari text sizing woes.

Update: Modified code to use technique mentioned here.
For a while I’ve been frustrated by a rendering issue in Mobile Safari. It commonly happens in footers whereby the text gets rendered bigger than specified.
It turns out after some googling, the solution is quite simple. Using the following, Mobile Safari should leave your font sizing alone.

html { -webkit-text-size-adjust: 100%; }


10 thoughts on “Mobile Safari text sizing woes.”

  1. Pingback: The week in links (08/02) « turnings :: daniel berlinger

  2. Omfg yes! I was about to run screaming into the hills as this font resize bollocks was happening with the text appearing in jquery tabs that fade in from display:none.
    It’s great to know that one can control this “intelligent” *cough*choke*gag* behaviour.

  3. thanks dude. i had a sneaking suspicion a minimum font size was to blame for the issue i was seeing. This post was a quick confirmation and test of my theory. You saved me a few hours of troubleshooting.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.