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