Как сделать background на весь экран документа?
background-size: [ <значение> | <проценты> | auto ]{1,2} | cover | contain
<значение> - Задает размер в любых доступных для CSS единицах — пикселы (px), сантиметры (cm), em и др.
<проценты> - Задает размер фоновой картинки в процентах от ширины или высоты элемента.
auto - Если задано одновременно для ширины и высоты (auto auto), размеры фона остаются исходными; если только для одной стороны картинки (100px auto), то размер вычисляется автоматически исходя из пропорций картинки.
cover - Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain - Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.
При возникновении подобных вопросов заходите на htmlbook.ru, и смотрите всё, что начинается с background в разделе справочника CSS.
Это сэкономит время и вам, и нам.