レスポンシブデザイン

レスポンシブデザインとは、幅の広いデスクトップモニターから幅の狭いスマートフォンまで、画面の大きさに合わせてレイアウトが適応するように Web ページを構築する手法です。レスポンシブなページは、別個のモバイル用サイトを提供する代わりに、柔軟なレイアウトとのルールによってコンテンツを再配置・サイズ調整します。

これはページが正しくを宣言していることに依存します。これがないと、モバイルブラウザーはページをデスクトップのような固定幅で描画し、その後に表示領域へ収まるよう縮小してしまいます。結果としてレスポンシブなレイアウトは台無しになり、閲覧者はピンチやズームを強いられます。