Почему div на весь экран не работает?

Question

[Zempik]

Пример: _matankkep.ru/test/
Использую bootstrap 3 и вот такой js-код:

function setHeiHeight() {
    $('.header-m').css({
        height: $(window).height() + 'px'
    });
}
setHeiHeight(); // устанавливаем высоту окна при первой загрузке страницы
$(window).resize( setHeiHeight ); // обновляем при изменении размеров окна

В css только выставлен фон:

.header-m {
    background: url(../img/12.jpg);
}

Раньше работало, а сейчас не могу понять, почему div не на всю страницу. jquery подключен.
Чувствую, что где-то недоглядел.

Answer 1

[Андрей Федоров]

codepen.io/aliencash/pen/XKEKyd

div {
  height: 100vh;
  width: 100vw;
}

При этом нужно обнулить стили. Погуглите reset.css.

Answer 2

[Mr Crabbz]

Такая простая вещь делается без js:

.header-m {
    background: url(../img/12.jpg);
    width: 100vw;
    height: 100vh;
}

Comments

[Zempik]

На мобильном тоже? Все ли браузеры это поддерживают?

[Mr Crabbz]

Zempik: caniuse.com/#search=vh

Answer 3

[Вадим Кот]

https://codepen.io/MRKS/pen/tgHun