What's the difference between the media queries max-width and max-device-width? [duplicate]

This question already has answers here: Closed 11 years ago.

Possible Duplicate:

What is the difference between max-device-width and max-width for mobile web?

For instance, this website:

http://8faces.com/ uses max-width.

This tutorial uses max-device-width:

Example:

@media screen and (max-device-width: 480px) {
  .column {
    float: none;
  }
}

What's the difference between them? Do th开发者_如何转开发ey work in Android, iOS, iPad, etc?

---

check this post. http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html

---

max-device-width will target devices(iphone/ipad), as max-width will target screens(browsers).

Hope this helps