Tuesday, December 13, 2011

Mobile Text Resize

As I'm sure you're aware, the number of emails opened up on a mobile device have drastically increased, and will only continue to do so as more people get smart phones. I was having an issue with my text re-sizing and breaking pretty much the entire design.

Simple fix, that I've yet to see not work.

In the main table, add an inline style of -webkit-text-size-adjust:none;.

Something like:
<table border="0" cellpadding="0" cellspacing="0" width="650" align="center" style="-webkit-text-size-adjust:none;">.

This basically prevents the device from re-sizing the text, keeping it within your set design.

Hope this helps someone!