レスポンシブの基本viewport のメタタグは、もともと、モバイル対応されたWEBサイトが少なかった時に、Apple が、Safari 独自の仕様として作り出したものだったそう。
今ここに凝り出すデザイナーさんが増えてそれに伴いさまざまな不具合が増えています。
少し前ですが、他社さんで数年前に作成したがこの不具合を指摘したら料金を請求されたとご相談..。
基本中の基本は、
1
|
<meta name=“viewport“ content=“width=device-width“>
|
ここが、今のスタンダードな気がします。
1
|
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no”>
|
読み込みや表示が不安定で不具合があると思う方は、これ以上の装飾がないかviewportをチェックしてみて。