レスポンシブデザイン max-width の最適設定を考察

レスポンシブ CSS

以前にメモした
スマートフォンの画面サイズComments
http://d.hatena.ne.jp/miccholy/20130426/1366957528
をもとに
レスポンシブデザインのmax-widthの最適設定（自分流）を考察してみた。

結論：
@media (max-width: 980px) {} 対象：PC、iPad3
@media (max-width: 800px) {} 対象：NEXUS7
@media (max-width: 768px) {} 対象：iPad1/2、iPad mini
@media (max-width: 640px) {} 対象：iPhone5
@media (max-width: 480px) {} 対象：Android端末平均
@media (max-width: 320px) {} 対象：iPhone3/3G

どこまで細かくするかはお好みで。