viewportの指定についてです。
<meta name="viewport" content="width=device-width, initial-scale=1">
↑よくある指定ですが、これって、 initial-scale=1を書かなくても良くないですか?
基本的に挙動は同じだし、書くとレスポンシブサイトをスマホで見た時、
一瞬大きく表示されてからスマホサイズにリサイズされる動きをするので
そこがすごく気になり、むしろデメリットだと思うのですが。
どなたか initial-scale=1が必要な理由をご存知の方いますでしょうか?
みんなの回答 2 件
偶然、俺もこれ昨日とったわ。確かGoogleさんからお叱りのメール来たからとりあえず付けてたかんじ。
width=device-widthとinitial-scale=1は同じ意味で、どちらか片方を指定すれば、事足りるようです。
ですがIOSとAndroidではdevice-widthの解釈が違うため、device-widthを使わないほうがいいけれど、WIndowsPhoneのIEはinitial-scaleに対応していないから、device-widthを書かざるを得ない。よって両方記述するのが妥協案、といった感じらしいです。
ちょっと古い記事ではありますが、参考リンクに詳しいことが書いてます。(ほんとかは知らない)
blog.鶯梭庵/links/たぶん、ほとんどの人は viewport meta タグの指定をまちがえてる
http://blog.ousaan.com/index.cgi/links/20130925.html関連するトピックス