Why does rotating an iPhone from portrait to landscape produce strange behavior?
Our QA tested the email on the iPhone 6+, and they noticed something interesting.
When the test email is opened and viewed on the iPhone in portrait orientation, then rotate the iPhone in landscape orientation, then rotate the iPhone back to portrait orientation, and finally scroll the email up/down, the email would freely scroll left/right around on the screen while scrolling up/down due to thumb/finger motions, instead of straight up scroll up/down and not moving left/right.
The test email does not scroll left/right freely when opened and viewed without rotating the iPhone, which is what we wanted and intended the email to be. Other emails sent out by other companies do not have this issue, hence.
So far, the only thing I know is when I have the following code put into the test email, doing all of the steps above will cause the email to move freely around.
<table class="iphone_show" border="0" style="background-color:#BCDEFA;table-layout:fixed;margin:0 auto;text-align:center;width:100%"> <tr> <td style="vertical-align:middle;text-align:left;margin:0 auto;padding-left:10px;width:100%"> <img src="https://d2sagvik43u0ky.cloudfront.net/email/logo_test.png" style="width:184px;height:72px;max-width:184px;max-height:72px;" alt="BeFrugal" border="0" width="184" height="72"> </td> <td style="vertical-align:middle;font-size:16px;text-align:right;margin:0 auto;padding-right:20px;width:100%"> <a href="http://click.news.befrugal.com/?qs=d4b9cc07d280e3c801bec7753ed836a63e334c60e305487ea5ba6f5f80845d352bf651b8685428770ea51b89466158840f6650c38dcfe7c9" style="color:#023258;text-decoration:none"> View in the browser </a> </td> </tr> </table>
My question is, what seems to be triggering this issue?