如何將瀏覽器高度應用於CSS類？

您可以使用jQuerys $ document.height閱讀您的瀏覽器尺寸，也可以通過高度使用簡單的JS：window.innerHeight || document.body.clientHeight。如何將瀏覽器高度應用於CSS類？

但是，如何將值應用於CSS類？

來源

2010-05-17 ChrisBenyamin

你想做什麼？ – 2010-05-17 22:21:22

在另一條評論中寫道：情境：用瀏覽器高度創建幾個DIV。因此，每個DIV都具有瀏覽器高度，並且一次只能看到一個DIV（其他DIV在您向下/向上滾動時顯示）。 – ChrisBenyamin 2010-05-17 22:23:20

無需過度複雜 - 您無需找到將高度應用於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事件中附加一個函數，以在視口高度更改時重新計算和應用高度。

來源

2010-05-17 22:16:15 Bungle

的jQuery：

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

來源

2010-05-17 22:06:57 mVChr

不要解釋太多。 – ChrisBenyamin 2010-05-17 22:08:07

您無法重寫/添加新值的CSS屬性/對飛類;你可以寫/重寫/添加元素的值。

你應該發佈你的情況，也許有不同的方式來做你想做的事情。

來源

2010-05-17 22:07:30 Jason

好吧，所以採取前面提到的功能，我可以重寫我的元素的高度。在DOM構建之後（onDomLoad？）是否必須加載函數？情況：使用瀏覽器高度創建多個DIV。因此，每個DIV都具有瀏覽器高度，並且一次只能看到一個DIV（其他DIV在您向下/向上滾動時顯示）。 – ChrisBenyamin 2010-05-17 22:12:46

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

（jQuery的）

來源

2010-05-17 22:08:23

查找特定的瀏覽器，這樣的規則對象（http://www.javascriptkit.com/domref/cssrule.shtml）

然後你可以編輯規則對象的樣式對象，實際上更改CSS類定義

來源

2010-05-17 22:15:13

如何將瀏覽器高度應用於CSS類？

回答

相關問題