viewportの属性について補足

レスポンシブ

meta name="viewport"のcontent属性値について追記。

device-width

content="width=device-width;

で閲覧するデバイスに沿った解像度に合わせる。

initial-scale=1.0;

content="width=device-width; initial-scale=1.0"

続けて、"initial-scale=1.0"と追記することで
ページが最初に読み込まれるときの拡大率を指定出来る。
つまり、読み込まれたデバイス画面の横幅分を等倍(100%)に指定出来る。

その他に拡大縮小率も上限下限をcontent属性値で指定出来る。

minimum-scale

ユーザーが操作可能な拡大率の下限。

デフォルト 指定可能範囲
0.25 0 ~ 10

maximum-scale

ユーザーが操作可能な拡大率の上限。

デフォルト 指定可能範囲
1.6 0 ~ 10

user-scalable

ユーザーが拡大縮小（ピンチイン/ピンチアウト）できるかどうかを1(yes)か0(no)で設定。
デフォルトは”1”。