技術/開発
レスポンシブデザイン
れすぽんしぶでざいん
スマートフォン・タブレット・PCなど画面サイズに応じてレイアウトが自動で変わるデザイン手法。
📖定義
異なる画面サイズ・解像度に対応するために、CSSのメディアクエリを使ってレイアウトを柔軟に変化させるデザイン手法。一つのHTMLで複数デバイスに対応できるため、保守コストが低い。
GoogleがモバイルフレンドリーをSEOの評価基準としていることから、現在ではレスポンシブ対応は実質的な必須要件となっている。
💬クライアントへの伝え方
「スマホでもPCでもきれいに表示されるように設計すること」。画面の大きさに合わせてレイアウトが自動で変わるため、別々のサイトを用意する必要がない。