@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
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы