Media Queries and Device Orientation



6 thoughts on “Media Queries and Device Orientation”

  1. Why not just base re-sizes on how well you content displays? For example only worry about 600 – 640 px (seems to be desktop standard) & under?

    Then you don’t need to worry about all the different devices.

  2. Chris,

    Not sure I understand the question, do you mean percentage based rescaling? With a max dimension of 640px?

    We are going to be launching a blog post tomorrow that might give a clearer indication for where we were going with this preliminary research. Stay tuned!

  3. I meant, why not just worry about the best display for content itself?

    Example: I build a 2-column email at 640px wide by default, but on a browser with a resolution below 640px, the email would re-flow into a single column. This way, I never have to worry about future device screen sizes.

    I’m not sure what the stats show about this, so it’s just an assumption on my end.

  4. My tests:
    – iPhone 4 on iOS 6.1.3 : 320
    – Galaxy S2 on Android 4.12 : 320
    – Lumia 920 on WindowsPhone 8 : no text in red

  5. I tried the media query test on my Samsung Galaxy S 4 (OS v 4.2.2) and I got 1600 px on both height and width using the default email client. I tested one of the EOA responsive templates and it doesn’t appear to respond to the media queries, because the email runs off the screen.

  6. S4 is not supporting device- media-queries in emails, and returning a 1600px as plain width.

    Don’t ask me why… #gotohellyousamsung

Leave a Reply

Your email address will not be published. Required fields are marked *

Free Email Goodies