Mobile Safari text sizing woes.

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: none }

Source: http://website-engineering.blogspot.com/2009/07/stop-adjusting-text-size-in-iphone-when.html

Tags:

This entry was posted on Friday, July 16th, 2010 at 8:03 pm and is filed under CSS, iPhone. You can follow any comments to this entry through the RSS 2.0 feed. You can leave a comment, or trackback from your own site.

5 comments

  1. Dan
    October 9, 2010 at 4:06 pm

    YES! I’ve been wondering how to sove this! Thanks

  2. Philip
    May 27, 2011 at 2:55 am

    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. Kevin
    August 27, 2011 at 1:04 pm

    I spent hours trying to fix this problem! Thanks for posting.

  4. @pixelsguy
    December 13, 2011 at 10:04 pm

    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