Как применить высоту браузера к классу CSS?

Question

Вы можете прочитать размеры браузера с помощью jQuerys $ document.height или с помощью простого JS через height: window.innerHeight || document.body.clientHeight.

Но как применить значение к классу CSS?

Answer 1

JQuery:

$('.targetClass').css('height',otherObject.height()+'px');

Answer 2

Нет необходимости слишком усложнять это - вам не нужно искать способ применить высоту к классу CSS. Просто дайте каждому из ваших <div> s класс в HTML:

<div class="viewport_height">This is some content.</div>

затем используйте код jQuery, подобный следующему:

var document_height = $(document).height();
$('.viewport_height').css('height', document_height + 'px');

, чтобы применить измеренную высоту ко всем элементам этого класса.

Для более надежного решения присоедините функцию к событию window onresize, чтобы пересчитать и применить высоту при каждом изменении высоты области просмотра.

Answer 3

Найти объект правила в браузере (http://www.javascriptkit.com/domref/cssrule.shtml)

Затем вы можете отредактировать объект стиля объекта правила и фактически изменить определение класса CSS

Answer 4

$('#target').css('height',$(document.body).height()+'px')

(Jquery)

Answer 5

Вы не можете переписать / добавить новые значения в свойства / классы CSS на лету; Вы можете написать / переписать / добавить значения к элементам.

Вы должны опубликовать свою ситуацию, может быть, есть другой способ сделать то, что вы пытаетесь сделать.