Адаптивная вёрстка сайта

на примере body:

background-image:url('...');
background-size:100vw;

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

Можно задать размеры изображения явно в классе или теге:

height:XXXpx;
width:XXXpx;

Если изображение будет повторяться (при необходимости) добавить:

background-repeat: no-repeat;