<meta name="viewport"> エレメント

<header> エレメント

　<meta name="viewport"> エレメントは、主にレスポンシブ web デザインに対応するためのページ情報の指定方法です。 特にスマートフォンに必要な設定です。

　<meta> エレメントは予めページ情報を設定しておくための HTML タグです。name="viewport" によって、表示する最適であることをブラウザに伝えます。

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

　content 属性値はブラウザに予め指定する設定値です。
　width=device-widthは表示幅をデバイスの画面幅に合わせるという意味です。initial-scale=1.0は初期のズーム比で、 1.0 は最初はズーム無しで表示するという指定です。

　この <meta name="viewport"> は、<title> より前に設定したほうがよいようです。

　レスポンシブ web デザインについてはレスポンシブ web デザインを参照してください。

属性（Attributes）

　主な属性のみを示します。