Сделать разделы страницы заполнить браузер

Question

Сделать разделы страницы заполнить браузер

0

Я пытаюсь получить страницу для заполнения браузера. Я попытался применить 100 высот ко всем элементам, но он не работает. Он работает хорошо, если я устанавливаю heigh: 100vh, но это не то, что я хочу взять, поэтому мне интересно, что я делаю неправильно?

Сайт: Svenssonsbild.se/Konsthandel Второе и третье меню являются привязками к spagesections.

user2059370 13 май 2014, в 13:19

Источник

0

100vh это самый простой способ сделать это на сегодняшний день.
Max 13 май 2014, в 13:41
0

JavaScript - ваше лучшее решение. Получить высоту экрана пользователя, установить элементы, чтобы заполнить эту высоту.
Howdy_McGee 13 май 2014, в 13:49

Теги:

javascript

jquery

html

css

css3

3 ответа

0

Установка высоты элемента CSS до 100vh - это намеченный способ сделать именно то, что вы пытаетесь сделать. 100vh указывает, что элемент всегда должен быть полной высотой области просмотра, поэтому, если у вас нет другого требования, которое вы не описали, что вы должны делать, вам нужно будет объяснить, почему "это не Кстати, я хочу взять "если на ваш вопрос больше.

Sam Hanley 13 май 2014, в 12:14

0

В зависимости от вашего содержимого может быть хорошей идеей установить свойство min-height вместо свойства height так как для содержимого может потребоваться больше места, чем предлагается доступным размером видового экрана. Или вы можете просто оценить высоту раздела и сравнить его с высотой видового экрана. Использование jQuery может работать следующим образом:

$('section').each(function(){
    var height = ($(this).height() > $(window).height()) ? $(this).height() : $(window).height();
    $(this).css('height', height + 'px');
});

Вам может потребоваться настроить селектор в соответствии с вашими потребностями.

Onkel Toob 13 май 2014, в 11:30

Ещё вопросы

100vh это самый простой способ сделать это на сегодняшний день.
JavaScript - ваше лучшее решение. Получить высоту экрана пользователя, установить элементы, чтобы заполнить эту высоту.

web-tiki · Accepted Answer · 2014-05-13T12-02-00.000Z

height:100% установки height:100% означает 100% высоты родительского элемента, поэтому вам нужно указать высоту родителя, чтобы он работал.

Если вы хотите установить свой элемент на 100% от высоты браузера, вам нужно убедиться, что все родительские элементы с <body> имеют процентную высоту.

Я не хотел использовать 100vh, потому что я хотел более глубокую поддержку. Во всяком случае, я работал со 100% высоты на всех элементах, оказалось, что у меня был плагин, который помешал мне в этом. Спасибо за все отклики!