Как изменить расположение фонового изображения в зависимости от размера страницы?

Для изменения расположения фонового изображения в зависимости от размера страницы можно использовать свойство background-size в CSS. htmlbook.ru webformyself.com

Некоторые варианты значений свойства:

• cover. htmlbook.ru webformyself.com Браузер автоматически и пропорционально масштабирует фоновое изображение по длине и ширине так, чтобы оно оставалось равным или было больше, чем ширина и высота области просмотра. www.internet-technologies.ru webformyself.com
• contain. htmlbook.ru Свойство масштабирует картинку так, чтобы хотя бы одна сторона изображения целиком поместилась в заданную область. htmlbook.ru
• auto. htmlbook.ru Браузер вычисляет размер автоматически, исходя из пропорций картинки. htmlbook.ru

Также можно использовать единицы измерения, специально предназначенные для работы с размерами экрана — vh и vw. sky.pro Например, значения 100vw и 100vh указывают изображению растянуться на весь экран по ширине и по высоте соответственно. sky.pro

Кроме того, для фиксации положения фонового изображения при прокрутке страницы можно использовать свойство background-attachment со значением fixed. www.internet-technologies.ru sky.pro