スマートフォン用の表示領域サイズ設定
スマートフォン用の表示領域のサイズを設定する。
HTMLの<HEAD>~</HEAD>内に記述する。
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0")
width=device-widthは、デバイスのサイズに合わせる。
user-scalable=noは、拡大縮小不可。yesは可。
initial-scale=1.0は表示100%。
maximum-scale=1.0は最大100%。
これを指定しないとスマートフォンは横幅980pxで表示しようとする。