はじめに ウェブでレスポンシブ対応を行う際の意識すべき点をまとめてみました。ウェブフロントエンドやマークアップを学習中の方の参考になれば幸いです。私自身、感覚的にコーディングしている部分もありますので、より良い方法や間違っている部分などがあれば、指摘していただけると嬉しいです。 記事の構成として、レスポンシブ対応の大枠の考え方から始まり、徐々に粒度を下げて個別の実装に向かうという流れになっています。 レスポンシブはメディアクエリだけではない 「レスポンシブ対応 やり方」で検索すると、メディアクエリの使い方を説明するものが多くヒットします。メディアクエリはレスポンシブを実現する手段の一つですが、それが全てではありません。 ウェブの世界では、画面のサイズは切れ目なく変化します。同じデバイスでも、ウィンドウサイズ(PC の場合)や端末の向き(モバイルやタブレットの場合)により、画面サイズは大きく