何かとややこしいviewportについて

viewportの設定がいまいちわかりずらいので、簡単にまとめ。

まず、既存のサイトに

を追加した場合、iphoneではかなり大きく表示され、なおかつ縮小できない。
せめて最初はサイト全面が画面内に表示され、ピンチアウトで見たい部分を拡大できれば良いのに。

ということで調べると、例えばサイトの幅を960pxで作った場合に、スマホの幅にそのサイズが治れば良いので

とすれば良いのだ。
つまり、表示するデバイスの幅を960pxに見立ててくれる訳です。
なのでcssでスマホ用の指定をしない場合はサイトの幅に合わせてcontent=”width=00″を指定するのが良い。