0

Googleで見つけたいくつかのメディアクエリを使用してiPhoneをターゲットにしようとしましたが、実際のiPhoneで表示したいようにサイトが表示されません。iphone4simulator.comを使用すると問題なく表示されます。これが私が今使っているメディアクエリです：

@media only screen and (device-width: 480px) and (orientation: portrait) and (resolution: 163dpi)

URLは次のとおりです：cfbpreview

ありがとう。

4

1 に答える 1

0

Retina ディスプレイのため、iPhone 4 にはこれを追加する必要があります。

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

レスポンシブ デザインに必要なすべてのメディア クエリへのリンクを次に示します。

重要:これは、ピクセル比が 1.5 を超えるすべてのデバイスに適用されます。デバイスに固有のものにしたい場合は、meida クエリにさらに条件を追加する必要があります。

于 2012-04-27T15:10:01.637 に答える