Zempik
@Zempik
๏̯͡๏

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

Пример: _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 подключен.
Чувствую, что где-то недоглядел.
  • Вопрос задан
  • 279 просмотров
Решения вопроса 3
aliencash
@aliencash
Партизан
codepen.io/aliencash/pen/XKEKyd
div {
  height: 100vh;
  width: 100vw;
}

При этом нужно обнулить стили. Погуглите reset.css.
Ответ написан
Punkie
@Punkie
Такая простая вещь делается без js:

.header-m {
    background: url(../img/12.jpg);
    width: 100vw;
    height: 100vh;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы