3

特に、Samsung Galaxy Nexus をターゲットにしようとしています。解像度は 1280 x 720、ピクセル密度は 2 で、デスクトップ デバイスのようにページを表示します。

私たちは試しました

@media screen and (max-device-width : 720px) and (-webkit-max-device-pixel-ratio : 2) and (portrait) {};

と

@media screen and (max-device-width : 720px) and (-webkit-max-device-pixel-ratio : 2) {};

など、さまざまな組み合わせが可能です。デスクトップ、タブレット、またはその他の電話のレイアウトに影響を与えずに、このデバイスを具体的にターゲットにすることはできないようです.

どんな助けでも大歓迎です。

4

1 に答える 1

2

メディアクエリが正しくありません：

@media only screen
and (min-device-width : 720px)
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : portrait) { /* styles */ };

@media only screen
and (min-device-width : 720px)
and (-webkit-min-device-pixel-ratio : 2) { /* styles */ };

2番目のもので何をターゲットにしようとしているのかわからない。次のメディアクエリを追加することを検討してください。

@media only screen
and (min-device-width : 1280px)
and (-webkit-min-device-pixel-ratio : 2)
and (orientation : landscape) { /* styles */ };

それを試してみてください。

于 2012-07-26T17:55:41.027 に答える