search

hteumeuleu / email-bugs

Email quirks and bugs
537 stars 20 forks source link

Apple Mail in iOS 10 incorrectly scales email with fixed width and max-width:100% #27

Open hteumeuleu opened 7 years ago

hteumeuleu commented 7 years ago

In iOS 10 (and the first beta of iOS 11 as well), Apple Mail incorrectly scales email that contains a fixed width larger than the device viewport and a max-width of 100% (like width:800px; max-width:100%;).

Here's an example (and here's the code).

Screenshot of the bug

Having the <meta name="x-apple-disable-message-reformatting" /> tag doesn't make any difference. Inverting the width and max-width values to avoid the definition of a fixed width solves the problem (like width:100%; max-width:800px;).

Screenshot of the solution

revelt commented 7 years ago

That's basically how I've been coding — width at 100%, if you need to set max-width do it in px, but drop some Outlook conditional rigid tables outside to contain it.

+1 for sharing the <meta name="x-apple-disable-message-reformatting" />. This one is new to me.

frystpingvin commented 7 years ago

Yeah, thanks for the <meta name="x-apple-disable-message-reformatting" />. It helped me solve another issue!

mealyjc commented 5 years ago

Anyone still having issues with this? Still can't seem to get the email to rescale for iPhone - have tried all suggestions above and others