KT
0
iPhone 6s Plus Rendering
Hello Litmus community,
I'm having a problem with iPhone 6s Plus. The iPhone 6 Plus (iOS 8) renders like a desktop which is what I wanted. Then I have 6s Plus (iOS 9) that behaves like the smaller screens (iPhone 5, 5s, 6, 6s). Am I missing something? I have a max-width and max-height on my media query. Do I need to add screen ratio or is this Apple's boo-boo?
Thanks!
Hello Erik,
My guess would be that this is not device related (6 Plus, 6s Plus), but OS related. iOS 9 introduced major changes in the way Apple Mail deals with emails rendering, especially how it zooms in or out emails by default. Try to have a look at this post or this one.
Hmm... so I guess it's a mix of added padding that Apple put on the native mail app and also the new rendering called "zooming mechanism"..? My word! Thanks Rémi!
I'm curious. What is the max-device-width set to on your media query?
Here it is! Taken from Campaign monitor's template and media query was later changed since we have phablets in iOS now.
@media screen and (max-device-width: 375px) and (max-device-height: 667px)
Interesting. I don't seem to have any issues with my emails. I'm using @media only screen and (max-width: 400px)