iPad не работает с условным CSS - PullRequest
Новая
       15

iPad не работает с условным CSS

0 голосов
/ 08 февраля 2012

Я прочитал несколько вопросов здесь, так же как Google ищет вещи, и я нашел много, но по какой-то причине я не могу заставить свою работу работать на iPad. Я смог заставить его работать на iPhone, но iPad все еще показывает мой bg img. Это все запросы, которые я пробовал и пришел с пустыми руками. 

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {

body.custom-background {

    background-color: #FFFFFF;
    background-image: none;

}
}

@media only screen and (min-width: 481px) and (max-width: 1024px) {

body.custom-background {

    background-color: #FFFFFF;
    background-image: none;

}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

body.custom-background {

    background-color: #FFFFFF;
    background-image: none;

}
}

@media handheld and (max-device-width: 480px) {

body.custom-background {

    background-color: #FFFFFF;
    background-image: none;

}
}

1 Ответ

0 голосов
/ 08 февраля 2012

Можете ли вы иметь Meta в голове HTML. как это: 

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

с этим медиа-запросом 

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

body.custom-background {

    background-color: #FFFFFF;
    background-image: none;

}
}
...