width=device-width, initial-scale=1で、iPhoneを縦→横に傾けたら、 「1.5倍にズームした状態でさらにドキュメントの幅が480pxになる」 という謎の挙動を理解してみる。 viewportについては、Androidの動きを正と見て、iPhoneの挙動を理解したほうが容易。 initial-scaleとwidthを同時に指定した場合がめちゃくちゃにややこしい。 initial-scaleは、PCのブラウザいうとズーム機能に近いが、それによりドキュメントの幅が調節される。これは例えば、PCブラウザで幅600pxのサイトを表示した場合をイメージすると想像しやすい。幅600pxのサイトであっても、ブラウザのウィンドウ幅が1000pxであれば、 ドキュメントの幅は1000pxになるみたいな…。 なので、「meta viewportのwidthは表示領域(vie
