-
ID:yRQLSr さんの質問

viewportの指定についてです。
<meta name="viewport" content="width=device-width, initial-scale=1">
↑よくある指定ですが、これって、 initial-scale=1を書かなくても良くないですか?
基本的に挙動は同じだし、書くとレスポンシブサイトをスマホで見た時、
一瞬大きく表示されてからスマホサイズにリサイズされる動きをするので
そこがすごく気になり、むしろデメリットだと思うのですが。
どなたか initial-scale=1が必要な理由をご存知の方いますでしょうか?

みんなの回答 2 件

ID:zDoWrF さんの回答

偶然、俺もこれ昨日とったわ。確かGoogleさんからお叱りのメール来たからとりあえず付けてたかんじ。

ID:rMhfJZ さんの回答

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
最終更新日:2016-03-29 (2,571 views)

関連するトピックス

ページ上部に戻る