1

解像度640×960のiPhone4は、以下で指定されたメディアクエリに分類されます。

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

このメディアクエリは、私のCSSスタイルシートの最後にあります...

このクエリの上には、iPad(1024)やデスクトップなどでうまく機能するものがあります...

何が足りないの?

もちろん、iPhone4は、スタイルシートで以前に指定されたメディアクエリに応答し、代わりに(max-width:640px)をターゲットにしたいと思います...

ちなみに、私のビューポートタグは現在次のとおりです。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
4

1 に答える 1

2

csspxとdisplaypxを混同しました。どちらもピクセル単位で測定されるため、これは理解できます。はぁ。

cssの観点からは、Retinaディスプレイの幅はわずか320pxです。ただし、ピクセル比は2です。つまり、css-landの1pxごとにディスプレイ上で実際に2pxになります。

ここから取得すると、別のセレクターを使用してRetinaディスプレイを識別できます。

@media 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}
于 2013-03-12T16:15:39.420 に答える