#html #mobile #web
#HTML #Мобильный #веб
Вопрос:
Существует простая веб-страница (dance-dome.com http://jsfiddle.net/maxgister/95Zhn /) Он корректно отображается на компьютерах и устройствах iOS, но не на Android. (Фоновое изображение не расширяется.) Я пытался использовать медиа-запросы для мобильной версии, но результата нет. В чем проблема?
body {
width:100%;
height:100%;
overflow-x:hidden;
background:url(http://dance-dome.com/images/11.jpg) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
color:#fff;
}
Ответ №1:
Попробуйте это:
background: url(http://dance-dome.com/images/11.jpg) no-repeat center center fixed;
background:url(http://dance-dome.com/images/11.jpg) no-repeat center center fixed;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
Комментарии:
1. Обновлено снова. Попробуйте это. Android может не распознать «обложку»
2. К сожалению, это не помогло. Результат — cs617920.vk.me/v617920112/e379/NHSoVH5wzB4.jpg
3. Это означает, что либо тело устанавливается неправильно, либо html не расширяется на всю ширину экрана