レスポンシブWebデザインとは、画面の横幅に応じてWebサイトの表示を変化させ、最適化するデザイン手法です。 レイアウトが「シングルカラム」から「マルチカラム」に変化したり、ナビゲーションメニューが「ハンバーガーメニュー(三←こういうの)」から「横並び」に切り替わったりすることで、スマートフォンから、タブレット・PCまで、画面の横幅に合わせて、Webサイトを最も見易い形で表示します。 そして、そのデザインが変わる境目を「ブレイクポイント」と言います。 ブレイクポイントは、画面のピクセル数(CSSピクセル ※)で表されます。 ※ CSSピクセルについては記事:高解像度ディスプレイとデバイスピクセル比 さて、このブレイクポイントですが、特に、「何ピクセルにすべき」「何箇所設定すべき」といった決まりがありません。 Web制作者も「この辺りに設定すれば大体スマートフォンとタブレットの境目になるので
![レスポンシブWebデザインのブレイクポイント、何ピクセルにすればいいの?](https://cdn-ak-scissors.b.st-hatena.com/image/square/750bba6d0065f4f59808f8b8dea58a7bb7172701/height=288;version=1;width=512/https%3A%2F%2Fwww.goodcross.com%2Fwp%2Fwp-content%2Fuploads%2F2016%2F04%2F02-e1460515154331.png)