レスポンシブWebデザインのブレイクポイント、何ピクセルにすればいいの？

レスポンシブWebデザインとは、画面の横幅に応じてWebサイトの表示を変化させ、最適化するデザイン手法です。 レイアウトが「シングルカラム」から「マルチカラム」に変化したり、ナビゲーションメニューが「ハンバーガーメニュー(三←こういうの)」から「横並び」に切り替わったりすることで、スマートフォンから、タブレット・PCまで、画面の横幅に合わせて、Webサイトを最も見易い形で表示します。 そして、そのデザインが変わる境目を「ブレイクポイント」と言います。 ブレイクポイントは、画面のピクセル数（CSSピクセル ※）で表されます。 ※ CSSピクセルについては記事：高解像度ディスプレイとデバイスピクセル比 さて、このブレイクポイントですが、特に、「何ピクセルにすべき」「何箇所設定すべき」といった決まりがありません。 Web制作者も「この辺りに設定すれば大体スマートフォンとタブレットの境目になるので

[musign]

ブレイクポイントはデザインから決めろと、どっかで読んだ。 デバイスで基準作っても自然と最終はそうなる

[otihateten3510]

図を見ればむしろレスポンシブ無理じゃんって結論でいいと思うんですよね

[HM_naoto]

いつもBootstrapのブレイクポイントに合わせてやってたけど、ちゃんとデバイスで判断しないとダメっすね。反省。

[webskillup]

わかってるやん

[do-do]

768

[wn_trinity]

CSSフレームワームの仕様に従って決めてるな。1から自作する場合は...うん

[glat_design]

まあ768だよなあ /

[nknkt]

どれくらいにするのかの理屈