レスポンシブCSSで使うブレイクポイントの決め方(3ページ目)レスポンシブWebデザインでCSSを書く際のブレイクポイントを、2018年版アクセス解析結果の画面サイズシェアから考える方法を解説。スマホは375px、タブレットは768pxの横幅が最も多いとはいえ、375と768をブレイクポイントにすれば良いわけではありません。さらに、モバイル端末とPCとの境界は1024~1280pxのどこに設定すれば良いのかなど、ブレイクポイントの決め方をご紹介。 PC向けブレイクポイントの決め方 2018年版 PC環境でのブレイクポイントの決め方について解説する前に、ディスプレイの解像度とブラウザ上の縦横サイズの関係についての注意点をご紹介しておきます。 ■ディスプレイの解像度とブラウザの描画面積は、同じとは限らない PC利用者は、ブラウザのウインドウを最大化して使っているとは限りません。また、ブラウザの
![3/4 レスポンシブCSSで使うブレイクポイントの決め方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b62dfbd9156b8509fe09652f1a69928b9daddb6/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F5%2F4%2F4%2F9%2F3%2Ftopimg_original.jpg)