こんにちは(・∀・) 昨年【2018年度決定版】レスポンシブデザインのブレークポイントはこれで決まり!という内容の記事を投稿しました。 基本的な考えは変わってません。細かな指定で表示したい場合は前回ご紹介した通りの設定が良いと思っています。 しかし、管理することを考えると前回ご紹介したブレークポイントの数では手間が掛かってしまうのも事実。 なので今回、ちょっと多かったブレークポイントを少し減らしてみることにしました。 前回投稿した記事では作ったブレークポイントの数は10個。 10個と言っても考え方としてはメジャーブレークポイントはモバイルとPCの境目の835pxの1つです。 しかし、10個あるのに変わりはなく、また管理の手間を考えるとやはりブレークポイントは少ない方が良い。 ということで今回、ブレークポイントは415pxと960pxに決定しました。 0px 〜 414px @media (
![【2019年度決定版】レスポンシブデザインのブレークポイントはこれで決まり!](https://cdn-ak-scissors.b.st-hatena.com/image/square/572ad228d5cdf69f023d0c9bb0292709eed42e70/height=288;version=1;width=512/https%3A%2F%2Fwww.webdlab.com%2Fwp%2Fwp-content%2Fuploads%2Fcss3.jpg)