0

幅480pxの解像度のメディアクエリを作成したWebサイトがあります。iphone 4はこのバージョンを正しく認識しますが、何らかの理由で、幅640pxのiphone 4の実際の解像度を使用せず、320pxの幅を使用してページに張り出します。（私はどこかでそれがiphone 3用に開発されたアプリとの下位互換性のために行うことを読んだ）

ビューポートまたはメディアクエリを使用してこれを修正する方法はありますか？どうもありがとうデイブ

これは私の現在のビューポートです：

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=5.0; minimum-scale=0.5; target-densityDpi=device-dpi" />

メディアクエリ

@media only screen and (max-width: 480px) {
}
4

1 に答える 1

1

ビューポート メタ "target-densitydpi=device-dpi" は現在、Android プラットフォームでのみ機能します。現状では、iOS に相当するものはありません。

倍のピクセル密度のメディア クエリを使用して、iPhone のようにターゲットにすることで、同様のことを実現できます。

@media screen and (-webkit-device-pixel-ratio: 2) {}

CSS ですべてを縮小します。

% と EM を使用してサイト上のすべてをスケーリングすると、おそらく長期的には多くの作業を節約できます。

于 2012-07-20T17:22:47.020 に答える