Usually though you would do that in reverse and use a mobile first approach but then you would need to add js for ie8 and under as they don’t underatsnd media queries.
You should avoid maximum scale in the meta tag for reasons mentioned in this thread.
Note that Email clients are a different kettle of fish altogether though and you;d be better off using a template from campaign monitor instead.
I have a question :
Does all the styles that are inside the <head></head> remain intact in the email clients.
Normally i use inline styles for newsletters.
So i would like to know your point of view whether its fine to use styles inside <head></head> and then call the classes inside the <table class=“newsletter”>.
Does all EMAIL CLIENTS support styles and classes which are inside <head></head>.
You can’t really create a page both for email and for the web unless its a very simple page. Why would you do that anyway as your email campaign will have its own template and not really have anything to do with the web (unless you have a link to an online version in the email but then you would just create the normal web version).
As far as email support goes then all bets are off and very little normal css works. You have to create all your css inline and use tables for all positioning and margins. However some mobile email clients will read the media queries so they will work as long as you use !important to over-ride any inline styles.
However, as I mentioned earlier you should download one of the campaign monitor templates and work from those as they have all the tricks and tips inside them to get them to work as best they can. Or use the builder to build a simple starting point and then you can modify the resulting code to suit your designs. At least download one of their templates just to have a look at how they have coded it as you wlil pick up a lot of tips.