Difference Between "min-device-width" and "min-width"?

[chawi]

Dear Coyer and other technical friends of the forum,

I have 2 questions as follows:

1) Please be kind enough to let me know whether coding is right for a “Responsive Website”:-

/* Smartphones (portrait and landscape) ———– /
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/ Styles */
}

OR

/* Smartphones (portrait and landscape) ———– /
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/ Styles */
}

2) Please give me a clear, brief description of each and every attribute and relevant values of the following meta tag.

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, target-densitydpi=device-dpi”>

Is this meta tag acceptable to validated HTML5 as in http://validator.w3.org?

Extarcted from:- https://css-tricks.com/snippets/css/media-queries-for-standard-devices

[Paulie_D]

Please give me a clear, brief description of each and every attribute and relevant values of the following meta tag.

Not really what we’re here for.

I suggest you do your own research – https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag

[Author]

Posts