Wednesday, September 14, 2016

website design - Is it possible to use media queries for responsive emails?



Today and yesterday I had nightmares... One thing is that I personally have a Windows phone. That didn't help surely. But I was reading up on iPhone settings and Android settings and there was no clear answers.


Well, Litmus had this answer which was precise for iPhone 5S, but the question becomes "what about other phones?"


How do you combine media queries for both iphone then galaxy and then other smaller resolution screens?


One of the main problem is there is no good documentation stating which phones are the most popular and what are the resolutions of those phone settings - so media querying can become more streamlined.


Here is some code I put in for my settings but I don't know if that was good enough or not. For the most part everyone told me they could see the email fine.


@media only screen and (max-width: 620px) and (min-width: 511px), only screen and (max-device-width: 620px) and (min-device-width: 511px) {

/* @-ms-viewport { width: device-width; }*/

table.container { width: 480px !important }


@media only screen and (max-width: 510px), only screen and (max-device-width: 510px) {

table.container { width: 320px !important }

As you see by the first code block, Microsoft does their own thing and that was another total nightmare.


Although Windows Phone is not too popular right now Windows 8 surely is and the RT IE uses the same viewport format.


Same Litmus cost so much to use.




No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...