代表的なデバイスの画面サイズ

この記事は2014年5月に公開したものです。ソフトウェアやサービスの仕様が変わり、現在の情報と異なる場合があります。

こんにちは。
SOHOデザイナーのAquaForest-アクアフォレスト-です。

レスポンシブデザインで困る事の一つとして、
どのサイズで表示を切り替えるかという事が有ります。

iPhoneやタブレットなど様々なサイズのデバイスがあふれているため、
すべてにあったものは現実的には難しいです。

そこで主要なサイズの目安として、
私はブレークポイントを下記の様にしております。

480px（スマホ）
768px（タブレット）
950px（PC）

の3つで切り替えをするようにしています。

新しいデバイスも随時出ているので、
いつまでこれでいいかとの疑問もありますが、
現状ではこれで大丈夫かなとの認識です。