6

iPhone と iPod Touch のモバイル サファリだけを対象とする最新の CSS ハックを知っている人はいますか?

私は見続けて@media screen and (max-device-width: 480px)いますが、それは 3 年前のもので、現在 Nexus S などと一致しています。

(これは微妙なレイアウトの問題を修正するためのものです。ブラウザのスニッフィングは悪だと認識しています。)

4

5 に答える 5

8

http://cssuseragent.orgダークサイドへようこそ。

于 2012-07-13T12:33:06.877 に答える
3

使用できますonly screen and (-webkit-min-device-pixel-ratio: 2)

于 2012-07-13T12:24:09.237 に答える
1

求めることもできます-webkit-min-device-pixel-ratio: 2。現時点で 2 を超える値を報告するブラウザーはないと思います (ただし、それよりも低い報告もある場合があるため、min-ratio を使用します)。ただし、これには iPhone 3GS および非 Retina iPod Touch デバイスは含まれません。それらについては、ユーザーエージェントのスニッフィングを行う必要があります。

于 2012-07-13T12:24:57.060 に答える
0

Web 上の特定のデバイスをターゲットにする唯一の方法は、ユーザー エージェント文字列を確認することです。すべての Apple デバイスの名前は、ユーザー エージェント文字列に含まれています。たとえば、iphone には「iphone」があり、ipod には「ipod」があります。これを使用して、css を動的に適用またはロードします。

于 2012-07-13T12:24:40.180 に答える