Issue stopping iPhone resizing HTML e-mails

Question

I\'m having an issue trying to prevent the iPhone from resizing HTML e-mails to fit the screen. It seems that code below when put into the section has no effect.

My goa

Answer 1

To get rid of that problem you have to put the following in your CSS body tag:

    -webkit-text-size-adjust: 100%;

This way Safari keeps the text to 100% of intended size. In case you set the value to none, the users won't be able to increase the font and this is an undesired behavior.

This CSS property is supported and should work.

Check the official Safari supported CSS reference:

https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html

Furthermore please note that the media type screen is supported in:

• Safari 4.0 and later.
• iOS 1.0 and later.

I hope this helps.

BR,
Tolis