レスポンシブにデザインしたサイトを作った際に役立ったこと(主にスマホ対応)を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディスプレイから指定する方法です。 /* デフォルト:1024px以上用(PC用)の記述 */ @media screen and (max-width: 1023px) { /* 1023px以下用(タブレット用)の記述 */ } @media screen and (max-width: 767px) { /* 767px以下用(タブレット/スマートフォン用)の記述 */ } @media scre
![レスポンシブなウェブデザインをする際に役立ちそうなこと(主にスマホ対応)のまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/41f84ceeb087cc9a9ecf1d64257891f092764c30/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-73.fc2.com%2Fw%2Fe%2Fb%2Fweboook%2Fwebpark-ogp.png)