2013/11/13 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります techCSSmediaQueryviewportSmartphone 最近改めて使い分けないとなーと実感したので、その実感を忘れないうちにメモしておこうと思います。 デバイスの幅(width)と device-width の違いについてそもそもの話ですが、そのデバイスで何ピクセル x 何ピクセルで表示できますよーという値と、 device-width の値は異なります。(結果的に同じ場合もあり得ますが) http://screensiz.es/ こちらに、デバイスごとの width, device-width がまとめてあります。たまに見ます。 iPhone 3GS の時代であれば、width = 320px, device-width = 320px であったので問題なかったのです
![mediaQuery における max-width, max-device-width の違い](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b6a0c606c013343c9080fd074608069f86a24d2/height=288;version=1;width=512/https%3A%2F%2Fgirigiribauer.com%2Fimg%2Fogimage.png)