css - Retina デバイスが Retina CSS を読み取らない

Question

をサポートする必要がある新しい Web サイトに取り組んでいRetina displaysます。いくつかのhtml/css@mediaクエリ、非常に多くの調査、信じられないほど多数のテストの後、それでも機能しませんでした。

私の問題を解決するために、この基本的な「Retina ディスプレイを持っていますか?」ページを作成しました。(以下のコード):

<title>Retina Test</title>
<style type="text/css">
    body { background-color: green; }
    @media all and (-webkit-min-device-pixel-ratio : 1.5) {
        background-color:blue;
    }
</style>

background-color基本的なテストにのみ使用しました。知っておくと良いかもしれませんが、テストする Retina デバイスがいくつかあります。Retina MacBook Pro と Retina iPhone 4 です。

よろしくお願いします。ボブ

Answer 1

変化する：

background-color:blue;

に：

body {background-color:blue}

それはそれを行う必要があります。