@shalashovka01

Как лучше адаптировать верстку?

У страницы есть 3 фоновых картинки: самая верхняя , средняя, и нижняя. Первая картинка должна всегда полностью отображаться на экране - растягиваться под размер окна. Вторая и третья обрезаться (слева и справа), если экран слишком маленький, т.е. не должна растягиваться. Как лучше это осуществить?
  • Вопрос задан
  • 169 просмотров
Пригласить эксперта
Ответы на вопрос 1
castleJQ
@castleJQ
Всё интересно
Для всех своих целей по адаптиву странице и её конкретных элементов используйте медиа-запросы.

К примеру:
@media only screen and (max-width: 991px) {
.text {
font-size:14px;
}
}


В данном примере при разрешении в от 991 и меньше будет применен для класса text размер шрифта 14px.

По аналогии можно сделать и вашу задачку.

Здесь, можете почитать про медиа-запросы: htmlbook.ru/css/value/media
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Лига А. Санкт-Петербург
от 50 000 до 70 000 ₽
iSpring Йошкар-Ола
от 80 000 до 130 000 ₽
06 авг. 2020, в 01:23
5000 руб./за проект
05 авг. 2020, в 21:55
20000 руб./за проект
05 авг. 2020, в 20:58
10000 руб./за проект