viewportの設定
viewportはWebページをモバイル端末に対応させるためには必須の設定です。
忘れずに設定しておきましょう。
目次
- コード
- 設定項目
- 参考リンク
コード
大抵の場合は以下のようなメタタグをHTMLに埋め込んでおけばOK。
<meta name="viewport" content="width=device-width, initial-scale=1">
設定項目
viewportで利用できるパラメータは以下の通り。
width
device-widthまたはpxで指定。デフォルトは980px。
height
device-heightまたはpxで指定。
initial-scale
倍率の初期値。デフォルトは1.0。
minimum-scale
倍率の最小値。デフォルトは0.25。
maximum-scale
倍率の最大値。
user-scalable
ユーザーによって拡大・縮小できるかどうか。yesまたはno。