У меня есть простой веб -сайт на 8 страниц, на каждой странице есть уникальное фоновое изображение. Цель состоит в том, чтобы получить обратное изображение каждой страницы. Но только 4 ведут себя как ожидалось, и я понятия не имею, почему не все. В таблице ниже показано, что я знаю о каждом изображении. h (orizontal) & v (ertical) являются пикселями. Да означает, что образцы мобильного устройства (с использованием параметров устройства Chrome) имеет полностью покрытое фоновое изображение. Нет никаких средств, что полное изображение появляется в верхней части экрана устройства. Что еще нужно сделать, чтобы каждое изображение заполнило фон мобильного устройства? .png " /> < /p>
css < /p>
.bg-image {
background-color: transparent;
background-repeat: no-repeat;
background-size: cover;
}
.about {
background-image: url("../images/balloons.jpg");
}
.archive {
background-image: url("../images/reno-from-arrowcreek.jpg");
}
.budget {
background-image: url("../images/windy-hill.jpg");
}
.calendar {
background-image: url("../images/south-reno.jpg");
}
.contact {
background-image: url("../images/truckee-river.jpg");
}
.docs {
background-image: url("../images/steamboat-springs.jpg");
}
.people {
background-image: url("../images/truckee-meadows.jpg");
}
.index {
background-image: url("../images/castle-rock.jpg");
}
Подробнее здесь: https://stackoverflow.com/questions/794 ... responsive
