0

次のビューポート メタ タグがあります。

<meta name="viewport" content="width=1024, initial-scale=1.0"/>

サイトへのエントリ時に何が起こるかの内訳は次のとおりです。

iPad + iOS 6.0 + ランドスケープ = 正しい

ipad + iOS 6.0 + ポートレート = ランドスケープと同じ「ズーム レベル」なので、幅の約 65% が表示され、残りはスクロールする必要があります。

Android 4.0 Galaxy S3 + 組み込みブラウザ + 横長 = ズームイン リアル クローズ、幅の約 60% が表示され、残りはスクロールする必要があります。

Android 4.0 Galaxy S3 + 内蔵ブラウザ + 縦長 = ズームインでかなり近く、幅の約 60% が表示され、残りはスクロールする必要があります。

Android 4.0 Galaxy S3 + Chrome (play ストアからダウンロード) ブラウザ + 横長 = さらに拡大すると、最初は幅の約 45% しか表示されません。

Android 4.0 Galaxy S3 + Chrome (play ストアからダウンロード) ブラウザ + 縦向き = さらに拡大すると、最初は幅の約 50% しか表示されません。

Android 4.0 タブ 10.1 + 横向き = 正しい

Android 4.0 Tab 10.1 + ポートレート = ランドスケープと同じズーム レベルなので、効果は iPad + ポートレートとほぼ同じです。

向き/ ios / androidに関係なく、ページに幅の100%を表示させるクロスブラウザの信頼できる方法はありますか?

上記のすべてに関係なく、モバイル デバイスはドメイン レベルごとのズーム レベルを「記憶」する傾向があると仮定するのは正しいですか?

ビューポート メタ タグの使い方が間違っていませんか?

ありがとう

4

2 に答える 2

0

簡単に言うと、Javascriptコンテンツを含むあらゆる種類のページについて、どのように表示されるかを保証することはできません。ブラウザにはさまざまなJavascriptエンジンがあり、さまざまなタグをサポートしています。

于 2012-10-26T21:10:12.883 に答える
0

viewportメタタグを完全に削除することで、上記のすべてのケースが正しく表示され始めたことがわかりました...最初の入力時に100%の幅で。

于 2012-10-27T22:51:34.187 に答える