レスポンシブWEBデザイン制作に必須、各デバイス画角早見表 | 東京都世田谷区　ホームページ制作　[k]id

2015-06-10T09:48:23+09:00

レスポンシブWEBデザインとは

PC、タブレット、スマートフォンなど、どの端末で閲覧しても１つのHTMLで表示出来るデザイン方法の一つで、１つのHTMLソースで構築することで、メンテナンス等の手間を最小にする事ができます。

しかし、ブラウザのスクリーンサイズを基準にCSSでレイアウトを調整するため、各端末を想定してチェックが必要になります。

Device metrics – Google Design

デバイスサイズ一覧が下記　Google Designのサイトで公開されています。

Device metrics – Google Design

デバイスサイズとスクリーンサイズがまとまってるのでスマートフォンのチェック時にはこの表を参考に
対応デバイスを検討できるのではないでしょうか。