2011-11-27 17 views
2

私のコードをターゲットには、次のとおりです。CSS iPhoneのWebアプリケーション、非網膜のみ

<link rel="stylesheet" href="/theme.css"> 
<link rel="stylesheet" href="/theme_retina.css" media="only screen and (-webkit-min-device-pixel-ratio:2)"> 

そして予想通り、それは動作しますが、網膜デバイスは、網膜のCSSと非網膜が通常のCSSを使用して使用します。しかし、私は非網膜リンクタグにメディアを追加して、網膜以外の装置にしか使用できないようにしたいと考えています。私は探していて何も見つけることができません。

ありがとうございました。

答えて

1

これは機能しませんか?

<link rel="stylesheet" href="/theme.css" media="only screen and (-webkit-max-device-pixel-ratio: 1)"> 

This gist lists more

+0

私はそれらのデバイスは、この場合はまったくCSSで終わるだろう1と2の間にいくつかのデバイスがあると思います(そしておそらく将来的には2よりも高くなります)。 –

関連する問題