レスポンシブWebデザインとは - パソコンスクール・パソコン教室なら個別指導のKENスクール

レスポンシブWebデザインとはWebクライアントの画面サイズによりレイアウトが自動で調整されるWebデザインである。従来のパソコンのみを対象とするWebデザインでは、スマートフォンでの表示に不都合が生じるもので、例えば文字や画像が全て表示されない、ボタンなどが小さくてご操作を招くなど、スマートフォンでの視認性や操作性が極端に低下してしまう場合がある。
この問題の解決策として、スマートフォン向けとパソコン向けの２種類のデザインのWebサイトを用意するという手も考えられるが、メンテナンスが煩雑になってしまう。
そのため、スマートフォンとパソコンで同一のHTMLファイルを使用し、アクセス時に画面サイズによってCSSを切り替え、レイアウトや字の大きさ等を変えて適正に表示させる仕組みがレスポンシブWebデザインである。