CSS Изменение размера высоты изображения

Question

Я создаю веб-сайт, на котором изменяется размер фона при изменении размера окна. Когда я изменяю ширину окна, он просто отлично работает. Но когда я изменяю размер высоты окна, он не изменяет размер. Вот что я имею в виду:

Вот мой CSS код:

body{ 
font-family: Georgia; 
margin: 0 0 0 0; 
margin-top: -16px; 
padding: 0; 
background-image:url('back.jpg'); 
background-size: 100% 100%; 
background-repeat: no-repeat; 
} 

Я пытался делать background-size: 100%;, но это действительно не поможет.

Answer 1

Я рекомендовал бы использовать свойство HTML вместо тела, потому что его всегда, как минимум, размер высоты браузера.

Приведенный ниже код должен помочь вам достичь 100% -ной высоты 100% высоты (даже при изменении размера). В зависимости от вашего проекта я бы рекомендовал добавлять префиксы поставщиков для максимальной совместимости.

 html{ 
     background:url('back.jpg') no-repeat center center fixed; 
     background-size: cover; 

    }