ビューポート

ビューポートとは、ブラウザーウィンドウの内側に表示されるウェブページの可視領域のことです。モバイル端末では、ページは <meta name="viewport"> タグを用いて画面への拡大縮小方法を制御します。このタグはページの幅やズームの挙動を設定し、（望ましくないことですが）ユーザーによるズームを禁止することさえ可能です。

このタグがない場合、モバイルブラウザーは既定でデスクトップに近い固定幅（通常は 980px）でページを描画し、画面に収まるように縮小します。その結果、訪問者が手動で拡大するまで判読しづらくなります。width=device-width を宣言することで、とそのメディアクエリがモバイルで実際に効くようになります。