html - iPhoneシミュレーターのメタタグに関する問題

Question

サイトを拡大縮小するためにメタタグを使用しています。

これはiPhoneでのデモ用であるため、ベストプラクティスは無視できます。

ページを横向きから縦向きに変更しても、何らかの理由でスケーリングが変わらないようです。（回転中の切り替えについて話しているのではなく、別の方向でのページ全体の再読み込みについて話している）。

私はiPhoneシミュレーターでサイトをテストしています。

私は何か簡単なものが欠けていますか？

<meta name="viewport" content="width=320; initial-scale=.675">
<meta name="viewport" content="width=480; initial-scale=1">

Answer 1

なぜ 2 つのビューポート タグを使用しているのですか? これらは if-then ステートメントではありません。ビューポートの値を一度設定する必要があります。現状では、2 番目が最初のものをオーバーライドすることを期待しています (ただし、実際には何でも起こり得ます)。

また、幅とデバイス幅を混同しないでください。http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.htmlを読み直すのに役立つかもしれません