When I open an HTML email in Apple Mail on iPhone (portrait mode), it initially displays at full width. But if I rotate the device to landscape and then back to portrait, the email becomes narrower and no longer fills the full screen width.

I’ve tried adding:

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="x-apple-disable-message-reformatting">

But the issue still happens.

Has anyone seen this behavior? Is there a way to prevent the layout from shrinking after rotating the device?

1. When I open the email, it fills the full width of the screen

2. I change to the landscape orientation