view port おさらい

width(幅)
可視領域の幅。
(デフォルト値は980px。200px〜10000pxまでの範囲を指定できる。)
height(高さ)
高さ。デフォルト値はwidthの値とデバイスのアスペクト比から算出される。
(233px〜10000pxまでの範囲を指定できる。)
initial-scale(ズームの詳細設定)
ページが可視領域内にフィットするように計算された値がデフォルト値となる。
minimum-scaleからmaximum-scaleによって定義された範囲の値が指定できる。
最初にページが表示されるviewportの値のみが指定可能。
user-scalableにnoを指定していなければズーム操作が可能になる。
ズームの範囲はminimum-scaleとmaximum-scaleの範囲内に制限される。
minimum-scale(最小縮小比率)
viewportの最小scale値。
デフォルト値は0.25。
0から10.0までの範囲を指定できる。
maximum-scale(最小拡大比率)
viewportの最大scale値。
デフォルト値は1.6。
0から10.0までの範囲を指定できる。
user-scalable(ズームの有無設定)
ユーザーがズーム操作できるかどうかをyesとnoで指定する。
デフォルト値はyes。
noを指定するとテキスト入力フィールド内でのスクロールも制限される。

関連記事