Gmail App (Android): How to stop text from auto-resizing?

GMAIL iOS APP FONT SIZING FIX:
http://freshinbox.com/blog/gmail-on-ios-increases-font-size-on-some-emails

The Gmail iOS app increases font sizes to make them more legible on mobile. It can however have very unpredictable results and break email templates or make them look worse. Using either of the two methods below leverages a email width check to prevent the font sizing behaviour occurring.

Method #1

<div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff;"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - </div>

Method #2

<div style="display:none; white-space:nowrap; font:15px courier; line-height:0;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>

Is the font size actually increasing or is it zoomed in? Might be an issue with Gmail zooming into random parts of your email. Solution is to add min-width: 999px to a full-width cell of your email. Make the value equal to the full width of your email.

Hey Jenny, I have not found a specific fix the font size, but I have found that if you add "min-width" to your tables, it will help keep your layout in tact, and also keeps the font size proportionate. The downside is that if you have a 600px wide layout with let's say with a font size of 14px, it will reduce the font size the same proportions that it reduces the 600 px wide layout. It will fit the 600px wide layout to fit the screen, thus reducing the font size. This can make the font size pretty small.

Also, if you are using a 100% wide container table you do not have to add the min-width to that table, just the other nested tables.

Also also, I don't think the Gmail App (Android) uses the webkit engine. "-webkit-text-size-adjust" never seems to work in the Gmail App, not to be confused with the native Android Email App, which renders thinks very differently.

I hope this helps. It really helped me.

<tr>
        <td valign="top" align="left" class="textStyleDarkGrey" style="font-size: 16px; line-height: 22px; mso-table-lspace: 0pt; mso-table-rspace: 0pt; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: 'avenir', Helvetica, sans-serif; font-weight: normal; color: #666666;">
                                                        This text will show up the same size in all clients; from outlook, apple, gmail and yahoo. *The attached class is only for mobile adustments(media queries)*
        </td>
</tr>

I use the webkit rule: -webkit-text-size-adjust: none;
and our font is above 14 px and it still happens.

wow this post is still active after two years. This is no longer an issue for me since we started coding our emails as hybrids (if someone is looking for another solution :)

• I did find that Brad Sapkota's solution with the '--------------' did work but our client didn't like the idea of it.
• Also, font size !important and line-height !important also worked but was a clunky solution.

try this mate

<div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff;">
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
</div>

Jenny - I am having the same issue and have not found a solution either... :-/

I've never come across this problem. I always assign every single element a font-size and line height no matter what.

Ok I have found some sort of solution for that, if you don't use resize text by responsive design, you can just simply add:
style="font-size: 12px; font-size: 12px !important"
This will stop GMaill app on iOS for text resize, but it's not enough, he will not resize text, but will resize line-height property, so need to add:
style="font-size: 12px; font-size: 12px !important; line-height: 16px; line-height: 16px !important"
This will stop GMail app on iOS from resizing anything, and it will look as you want.
Important note is that there is no possibility to change this font size/line height using media queries, but for me it's cool sometimes to use it.

Adding a min-width declaration worked for me as well. Interestingly enough, it also modified all the text in the email. Not only the <td> to which I added the style.

Email clients using webkit (iPhone & Android) adjust font sizes to increase readability.

You can disable this by using this CSS Rule: -webkit-text-size-adjust: none;

Or you can make your fonts at least 14px or above.

Voilà!

Thanks for all the feedback, Yes it is zooming in, seems like 110%-120% across the board. Unfortunately none of the suggestions seem to be working for me.

I see a similar discussion on campaign monitor (https://www.campaignmonitor.com/forums/post/29155/#p29155) and the same min-with solution offered here which I wish worked for me.

Deso anyone has a fix on this?

I've tried using em, !important, and the "------" fix, but none of those seem to work :(