1

編集:

多くのデバイスでさらにテストし、画面を測定するためのグラフィック定規を含めたところ、サイト全体が 200% にスケーリングされているようです。ビューポート メタ タグに maximum-scale=1 を追加しようとしましたが、これはズームを防止するだけであり、既に 1 であるはずの初期スケールではありません。また、初期スケールを 1 未満に縮小しようとしましたが、違いはありません。注意:ズームはiPhoneの一般設定から外れています。


新しいレスポンシブ Iste には、300px X 75px の Google ダブルクリック バナーがあります。私がテストしている iphone4 画面 (chrome、sarafri) の解像度は 640x960 ですが、バナーは 300px よりかなり広いです。ネクサス(クロム)をチェックしたところ、本来よりも大きくなっています。デストップでは正しいサイズで表示されるので、メディアクエリがスケールアップすることはないと思います。

メタタグを含めました: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">

なぜそれが本来よりも大きいのかについての考えは大歓迎です!

以下のスクリーンショットのように表示されます。

4

1 に答える 1

2

iPhone 4のディスプレイのピクセル数は、元のiPhoneの4倍です。モバイルサイトが小さく見えないようにするために、モバイルサイトを200%拡大します。

バナーをどのファイルタイプとしてエクスポートしていますか?iPhoneは一般的に、ビットマップ画像やHTML5キャンバスを好みません。

最大スケールを設定して、ユーザーのスケーリングを防止しようとしましたか?あなたの説明は最大スケールが設定されていると述べていますが、あなたが提供したコードは最小と言っていますか?

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
于 2013-03-21T17:00:48.577 に答える