[CSS3] Target a specific device – デバイスごとのディスプレイサイズとメディアクエリーの一覧
メジャーなスマートフォンとタブレットのディスプレイサイズと、それ用にサイトを制作する際のメディアクエリーが一覧で紹介されてます。スマートフォンは各種iPhoneやHTC One、サムスン製ののものなど、タブレットは各種iPadやNesusなどの、いわゆるグローバルモデルとして代表的なデバイスが揃ってます(国産が1つもない・・・)。Device Widthは実際のドット数ではなく、ピクセル指定した際のブラウザ内の横幅が掲載されていて、実際のドット数はPixel ratioをかければ分かるようになってます。Show queryをクリックすると、そのデバイス用のメディアクエリが表示されるので、ブレイクポイント決める際の参考になりますね。