如何将浏览器高度应用于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属性/类;你可以为元素写/重写/添加值。

你应该发布你的情况，也许有不同的方式来做你想做的事情。

Answer 3

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

（jQuery的）

Answer 4

以特定于浏览器的方式查找规则对象（http://www.javascriptkit.com/domref/cssrule.shtml）

然后，您可以编辑规则对象的样式对象，并实际更改CSS类定义

Answer 5

无需过度复杂化 - 您无需找到将高度应用于CSS类的方法。只需在HTML中为每个<div>提供一个类：

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

然后使用与此类似的jQuery代码：

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

将测量的高度应用于该类的所有元素。

要获得更强大的解决方案，请将函数附加到window的{​​{1}}事件，以便在视口高度发生变化时重新计算并应用高度。