metaタグのviewportとは
モバイルブラウザの表示方法を制御する。
モバイルブラウザは、viewportの指定がない場合、デスクトップサイズの幅で表示する。
結果、文字が小さいなどの表示くずれが発生する。
推奨設定
<meta name="viewport" content="width=device-width, initial-scale=1">
width=device-width
モバイルデバイスにあった領域の幅を設定。レスポンシブ！
initial-scale=1
初期のズームサイズの設定
device-widthとinitial-scale=1で、モバイルデバイスの幅とWEBページの幅を同じとする。
そのた
オプションは、他にもあるが基本的に使用しない。使用しない理由は、ユーザの操作を制限するため使いにくいと感じる。ってグーグル先生が言ってた。。。
コメント