2017.2.7
2020.1.7

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。

参考リンク

HTML】関連記事