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%; }

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