1

背景としてパターンがあります-通常の解像度と網膜用です。そのように処理したら

body {
    background: image-url('ttg.png') repeat top left;
    @media  (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (-moz-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        background: image-url('ttg@2X.png') repeat top left;
        background-size: 476px 476px;
    }
}

またはその方法

body {
    background: image-url('ttg.png') repeat top left;
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
        background: image-url('ttg@2X.png') repeat top left;
        background-size: 476px 476px;
    }
}

Chromeが次の推奨事項を私に投げかけるたびに：

「dpi」の代わりに「dppx」単位を使用することを検討してください。CSS の「dpi」は、物理インチあたりのドット数ではなく、CSS インチあたりのドット数を意味するため、画面の実際の「dpi」には対応しません。メディアクエリ式: (-webkit-min-device-pixel-ratio: 1.5), not all, (min-resolution: 144dpi)

では、これら 2 つの背景をどのように呼ぶのが正しいのでしょうか? よろしくラルフ

4

0 に答える 0