AH
1
How to adapt media queries for iPhone 6 and 6+
As the screens on the iphone 6 and 6+ are wider, I am finding that emails are being displayed with alot of white space around them. How do you adapt the media queries so that the email width adapts to fit more comfortably on the iPhone6 and 6+? I need the emailer to be wider.
Any help would be greatly received.
Thanks!
Are you setting your emails to a hard pixel width with your media queries?
Hi Alex,
Yes, all tables within the email are set with a width. The whole email is sitting in a wrapper which is set to 100%.
Thanks
I assume your question then is to what pixel width is the landscape view of iPhone6 and iPhone 6+ ? I would be interested to know...running tests in the meantime now!
Hey James!
We did a full writeup on the iPhone 6 and iPhone 6 Plus on the Litmus blog which covers everything in detail.
iPhone 6 (Zoom View):
iPhone 6 (Standard View) and iPhone 6 Plus (Zoom View):
iPhone 6 Plus (Standard View):
*Note: You'll need to include max-width in the media query statement if you want the email to be responsive on desktop as well.
Basically, just note that the iPhone 6 (Standard) is 375px wide and iPhone 6 Plus (Standard) is 414px wide. Those are the two new breakpoints you should be aware of.