Quantcast
Channel: mBlog » SmartPhone
Viewing all articles
Browse latest Browse all 8

[CSS3] Target a specific device –デバイスごとのディスプレイサイズとメディアクエリーの一覧

$
0
0

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


Viewing all articles
Browse latest Browse all 8

Latest Images

Trending Articles





Latest Images