
5
Gmail App (Android): How to stop text from auto-resizing?
Gmail App (Android) is increasing the font size in my emails by %110. Does anyone have a solution for this?
Gmail App (Android) is increasing the font size in my emails by %110. Does anyone have a solution for this?
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.This is what I was thinking too.
I've not been seeing any issues with font-size just zooming.
you just solved what i've been trying to do for weeks. Thank you!!
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
Method #2
I tried to format this but I can't get it to look pretty.
Removed the comments, they sometimes screw up rendering code.
Thanks... looks better!
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.
As an addendum, In some cases I have to add min-width to my table cells as well as the table itself. It looks like you can add it to the first row of TDs and that seems to take care of the whole table.
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 :)
Thank you Jenny :)
try this mate
Where should this line of html code be added..?
Can I add this to the top most table ...? Or where else .. ? Please guide me..
Jenny - I am having the same issue and have not found a solution either... :-/
Hi Robert and Jenny, I was able to solve my issue with random zooming by setting a min-width on an image that has the same width as the container table. I found the fix while digging through the following email boilerplate: https://raw.githubusercontent.com/centralcollegenottingham/html-email-boilerplate-redux/master/htmlemail-boilerplate-stable-with-guidelines.html. Look for the 'PREVENT GMAIL APP AUTO-FIT/ZOOMING:' section.
wow this boilerplate is extensive thanks for sharing!
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.
Thank You Grzegorz you saved my life:)
I think if you do:
<p style="font-size:12px; font-size:12px !important;" id="resize_me" class="resizable"><span>hello resize!</span></p>
and either:
@media { p#resize_me { font-size: 15px !important; }
or
@media { p.resizable span { font-size:15px !important; }
you should achieve nearer specificity with those. Gmail seems to be up-in-the air right now... so who knows.
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à!
I don't know why were you downvoted but you're right.
That property helps fix the issue where the email client zooms the font. It fixed it for me on the Gmail App and iOS email client.
Since the Gmail App (Android) isn't a webkit client this won't work.
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 :(