0

こんにちは私はテンプレートを使用していますが、網膜ディスプレイデバイス用に作成されたcssルールがあります。問題は、IE8にも適用されることです。私はオンラインでグーグルで検索しましたが、ルールは正しく書かれています。ここで何がうまくいかないのか理解できません。どんなhekpも大歓迎です。

コードは次のとおりです。

@media (min–moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
/* on retina, use image that’s scaled by 2 */
.fader:before {
background: url(../mobapp/iphone@2x.png) 0 0;
}

これは次のように上書きします。

.fader:before {
        background: url(../mobapp/iphone.png) 0 0; 
        background-size: 100%;
        left: -40px;
        width: 593px;
        height: 782px;
        top: 0px;
    }
4

1 に答える 1

0 
@media (min–moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(-webkit-min-device-pixel-ratio: 1.5),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
     /* on retina, use image that’s scaled by 2 */
     .fader:before {
      background: url(../mobapp/iphone@2x.png) 0 0;
}

// Pads and larger phones
@media only screen and (min-width: 600px)
{
    .fader:before {
        background: url(../mobapp/iphone.png) 0 0; 
        background-size: 100%;
        left: -40px;
        width: 593px;
        height: 782px;
        top: 0px;
    }
}

maybe
于 2012-12-03T15:05:19.737 に答える