Responsive Design: Switching Between Landscape and Portrait
Is anyone else having this problem- once you open a responsive email up in portrait on the iPhone and then turn it landscape, the email still shows the portrait version? We have a media query width to change it a 480 pixels for landscape.
The same thing happens when you open the email as landscape, the landscape version shows but once you turn it portrait it still shows as landscape.
However you can exit out of the email, then re-open it as landscape and it will show the landscape version.
We've tried changing the meta tags and the widths seem to be the same as everyone is saying in blogs.
320-479 pixels Portrait
480 pixels Landscape
This is part of the code we have:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> @media only screen and (min-width: 320px) and (max-width: 479px) @media only screen and (min-width: 480px) and (max-width: 640px) and (orientation: landscape)
Any help would be greatly appreciated. Thank you!