Адаптивная картинка на всю ширину экрана

Почему-то фоновая картинка не хочет подгоняться под высоту экрана. Адаптивное изображение на любом экране.

Зачем обязательно надо делать картинки адаптивными.

Таким образом, ширина картинки будет меняться, в зависимости от размера экрана.

Помимо галереи изображений, эта функция может задействована или использована для разных по своему формату вещей. Когда мы имеем дело с резиновым макетом, то в этом случае активную роль играют фоновые рисунки. Адаптивные изображения будут автоматически корректироваться в соответствии с размером экрана.

Если ширина и высота вашего блочного элемента является резиновой, тогда фоновое изображение всегда будет масштабироваться таким образом, чтобы занять весь контейнер. Изображения в адаптивном приспосабливающийся дизайне, как известно, одна из самых сложных сторон.

Если используется макет фиксированной ширины, то общая его ширина известна заранее и рисунок по горизонтали следует ограничить этой величиной. Теперь, мы должны все время думать и о маленьких экранах. Они повторяются по горизонтали таким образом, что получается слитная единая картинка.

Примеры адаптивных целых фоновых изображений. Наиболее распространенные размеры экранов в нашей статье.