1

Phonegap の css の問題を解決するために、私は数日間取り組んできました。

地図を表示するアプリといくつかのコントロール ボタンがあります。マップのサイズを設定して、ボタンのスペースを確保する必要があります。

ほとんどの画面解像度で機能しますが、480x720、480x800、および 480x854 では、3 つの異なるスタイルで機能しません。ここで他のセミラーの問題を見てきましたが、まだ問題があります。3 つの画面解像度は同じスタイルを選択します。

たとえば、これは 480x720 で機能します。

@media screen and (min-device-width: 455px) and (max-device-width: 720px) and (orientation: Portrait){ /* スタイル */ }

引用符

ただし、480x800 は同じスタイルを選択します。次に、480x800 の新しいスタイルを作成すると:

@media only screen and (min-device-width : 480px) and (orientation: Portrait){ /* Styles*/ }

次に、480x800 で機能しますが、480x720 でも使用されます。

min-device-width、max-device-width など、さまざまなことを試しました。また、なぜ (min-device-width: 455px) が 480x720 で機能するのかわかりません (ここで見つかりました) 。

どんな助けでも大歓迎です:)

4

1 に答える 1

0

これは私の頭のてっぺんから外れていますが、次のようなことをする必要があると思います：

@media screen and (max-device-width: 480px) and (max-device-height: 720px) and (orientation: portrait)
@media screen and (max-device-width: 480px) and (max-device-height: 800px) and (orientation: portrait)
@media screen and (max-device-width: 480px) and (max-device-height: 854px) and (orientation: portrait)

各画面解像度に適切なスタイルを提供します。

于 2013-01-02T13:14:59.673 に答える