Попробуйте установить высоту элемента html на 100%.
html,
body {
height: 100%;
}
Тело смотрит на родителя (HTML), как масштабировать динамическое свойство, поэтому для элемента HTML необходимо также установить его высоту.
Однако содержание тела, вероятно, должно измениться динамически. Установка минимальной высоты до 100% выполнит эту задачу.
html {
height: 100%;
}
body {
min-height: 100%;
}