画面サイズ

画面サイズをスマートフォン等の機種毎の画面大きさに合わせるには、meta要素でviewportを指定します。

<meta name=”viewport” content=”width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0” />

プロパティ	内容	範囲	デフォルト値
width	幅	200-10000px	980px
height	高さ	223-10000px	980px
minimum-scale	拡大率の下限	0〜10	0.25
maximum-scale	拡大率の上限	0〜10	10
initial-scale	初回アクセス時の拡大率	minimum-scale〜maximum-scale	1
user-scalable	ユーザーに拡大縮小操作を許可	yes / no	yes