iPhone と iPod Touch のモバイル サファリだけを対象とする最新の CSS ハックを知っている人はいますか?
私は見続けて@media screen and (max-device-width: 480px)
いますが、それは 3 年前のもので、現在 Nexus S などと一致しています。
(これは微妙なレイアウトの問題を修正するためのものです。ブラウザのスニッフィングは悪だと認識しています。)
iPhone と iPod Touch のモバイル サファリだけを対象とする最新の CSS ハックを知っている人はいますか?
私は見続けて@media screen and (max-device-width: 480px)
いますが、それは 3 年前のもので、現在 Nexus S などと一致しています。
(これは微妙なレイアウトの問題を修正するためのものです。ブラウザのスニッフィングは悪だと認識しています。)
http://cssuseragent.orgダークサイドへようこそ。
使用できますonly screen and (-webkit-min-device-pixel-ratio: 2)
求めることもできます-webkit-min-device-pixel-ratio: 2
。現時点で 2 を超える値を報告するブラウザーはないと思います (ただし、それよりも低い報告もある場合があるため、min-ratio を使用します)。ただし、これには iPhone 3GS および非 Retina iPod Touch デバイスは含まれません。それらについては、ユーザーエージェントのスニッフィングを行う必要があります。
Web 上の特定のデバイスをターゲットにする唯一の方法は、ユーザー エージェント文字列を確認することです。すべての Apple デバイスの名前は、ユーザー エージェント文字列に含まれています。たとえば、iphone には「iphone」があり、ipod には「ipod」があります。これを使用して、css を動的に適用またはロードします。