クロネコラム|デザイン広告会社の経営と日常

クロネコラム|デザイン広告会社の経営と日常

不景気真っ只中、起業したデザイン広告会社トレスの経営と日常。
音楽とスノボと猫がいればそれはそれで幸せな社長っぽくないブログ。

Amebaでブログを始めよう!
ポイント1:ビューポートの設定
<meta 
name="viewport" content="width=【横幅】, initial-scale=【初期の倍率】, maximum-scale=【拡大可能な最大の倍率】">

・横幅
画面の横幅をピクセル単位で指定します。ただし、スマートフォンの場合は機種によって画面の横幅がまちまちで、本体の向き(縦方向・横方向)によっても違いがあるので、通常は「device-width」という特殊な値を設定するとよいでしょう。device-widthを指定すると、端末の横幅で自動的に調整されます。
・初期の倍率
表示した時の画面の倍率を指定します。たとえば「1」を指定すると1倍、「2」を指定すると2倍になります。
・拡大可能な最大の倍率
スマートフォンは2本指でピンチ(iPhone)したり、拡大ボタンをタップ(Android)したりすることで画面を拡大できます。この時の最大の倍率を指定します。「1」を指定すると拡大できなくなります。

------------------------------------------------------------------
参照元:

http://ascii.jp/elem/000/000/543/543575/