css - Blackberry Q10 および Z10 メディア クエリ

Question

メディア クエリを使用して、これら 2 つの画面に集中する方法はありますか。

Q10のコードは次のとおりですが、機能しません。

@media all and (max-height: 720px) and (max-width: 720px) and (min-resolution: 330dpi) {}

何か考えはありますか？

前もって感謝します

Answer 1

Blackberry Q10 のディスプレイは独特です。他のメディア クエリの範囲で見栄えがよくない場合は、スタイルシートの最後に Q10 の仕様を次のように設定してみてください。

@media screen and (device-width: 347px){
}

Answer 2

Q10の場合、これを使用します：@media screen and(device-height:720px)and(device-width:720px)

Answer 3

私はこの方法で bb q10 を選択していました:

@media screen and (device-height: 347px) and (device-width: 347px)
              and (-webkit-device-pixel-ratio:2.075)
{
}

なぜこのような奇妙な値を使用するのか聞かないでください。BBOS 10.2.1.3062 で動作します。