レスポンシブウェブデザイン

レスポンシブウェブデザインとは

レスポンシブウェブデザインは、画面サイズや解像度などが異なる端末でも、内容を読みやすく操作しやすい状態へレイアウトを適応させるウェブデザインの考え方です。

どんな場面で使うか

同じウェブページをスマートフォン、タブレット、パソコンなどで表示するときに使います。可変幅のレイアウト、柔軟な画像、メディアクエリー、Flexbox、CSS Gridなどを組み合わせます。

選ぶとき・使うときのポイント

端末名ごとに固定幅を用意することだけがレスポンシブ対応ではありません。文字量や操作方法も含め、内容が窮屈になった地点を基準にブレークポイントを決め、実機でも確認します。