【HTML】metaタグのviewportに関するメモ。

ハマったのでメモ。超絶自分用。

・指定したwidthを元にドキュメントの幅が決定される
・initial-scaleの倍率を適用し、デバイス毎の表示領域にドキュメントの幅が最適化される
・initial-scaleの倍率で「ズームした状態」のページが表示される
・width=device-widthにするとデバイスごとの幅になる
・minimum-scale、maximum-scaleはuser-scalableがyesの歳に設定すれば良い

とにかくバグ?というか納得行かない挙動が多いので都度要最適化。