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

Question

[shalashovka01]

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

Comments

[archelon]

с помощью media-запросов.
без минимально схематичного макета подробнее не ответить.

[Михаил]

гугли
Можете пожалуеста отметить это решением мне очень надо вопросик задать а у меня суточный лимит

Answer 1

[Dmitry]

Для всех своих целей по адаптиву странице и её конкретных элементов используйте медиа-запросы.

К примеру:

@media only screen and (max-width: 991px) {
.text {
font-size:14px;
}
}

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

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

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