<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)
主な属性のみを示します。