2

メディア クエリを使用して iOS デバイスのみをターゲットにする方法を知っている人はいますか? iPhone (1,3G,3GS,4,4S,5) ユーザーに 1 つのエクスペリエンスを提供し、iPad (1,2,3,mini) ユーザーに別のエクスペリエンスを提供する方法を探しています。 Windows Phone、bb) デフォルトのエクスペリエンス。

多くの携帯電話が同様の幅とパラメータを共有しているため、選択肢が限られているように感じます. iPhone 固有および iPad 固有のメディア クエリで使用するものを知っている人はいますか?

これまでのところ、次のコードで iPhone 5 をロックダウンしました。

@media screen and (device-aspect-ratio: 40/71){}

および iPhone 4 および 4S の場合:

@media
only screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:portrait),
only screen and (min-device-pixel-ratio : 2)  and (orientation:portrait){}

@media screen and (-webkit-min-device-pixel-ratio : 2) and (orientation:landscape), screen and (min-device-pixel-ratio : 2) and (orientation:landscape){}

ここでこれと同様の質問を見てきましたが、この特定のユースケースに対処したものは見つかりませんでした.

これはメールで使用するためのもので、javascript を使用できません。メディア クエリのみ...

ありがとう

4

1 に答える 1

0

メディアクエリは、いくつかのメディア機能のみを推測でき、ブランドやモデルではなく、機能に基づいてさまざまなコンテンツを提供するように設計されています。

おそらくあなたができる最善のことは、リストされている各デバイスの正確なデバイス幅をターゲットにすることです。ここの誰かが、iPadの寸法を具体的に一致させる方法を示しています。

問題は、そこにある膨大な範囲のデバイスのうち、同じサイズのデバイス（およびWebkitブラウザー-ハックを介して推測できるもの）を備えているものがあることです。全体として、CSSは、問題のデバイスの難解なブランドまたはOS機能を決定する点でJSよりもさらに劣っています。

于 2013-02-20T20:09:56.790 に答える