I’ve coded an app that sends out periodic account updates to my users.
It works well on all desktop email clients. According to EoA it also displays properly on Android phones (all known email clients), iPads (all email clients), and GMail client on iOS. I’m only having problems with a single email client: The Mail app that’s bundled with the iPhone. On iPad there’s no problem.
See attached file ‘crappy.png’. This is how the email displays on iPhone’s mail app. It’s weird. It’s like that first paragraph ‘About this Email’ and the blue paragraph are hitting an invisible wall on the right edge. If I hold the iPhone in landscape position, everything looks great. If I then return to portrait position, the problem goes away. See attached file ‘better.png’ when I view in portrait mode a second time. Everything looks great!
I also attached ‘html.txt’ which is the raw code for the email that my app generates.
Any ideas what’s going on here?
P.S. I couldn’t figure out how to workaround the dimension limits on ‘crappy.png’ and ‘better.png’ so I uploaded as archive.zip instead.