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

レスポンシブWEBデザイン制作に必須、各デバイス画角早見表

Category 雑記 Update 2015.06.10

twitterfacebookgoogle+はてなブックマークPocketであとで読むfeedlyで購読

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

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

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

Device metrics – Google Design

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

Device metrics – Google Design

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

sample 2015-06-09 17.04.23

ページトップへ