Div高度刻度到視口

首先，我是一個完整的noob。請回應，好像教這個3歲的老人。Div高度刻度到視口

我知道這個問題之前已經問過了，但是前面的問題中列出的所有解決方案似乎都不適用於我。我敢肯定，我做錯了什麼，但我無法弄清楚。

我正在使用Matthew James Taylor的3列聖盃佈局。 http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-ems.htm （道具和感謝！）

查看源代碼，你可以看到他用來創建頁面的div結構，我的是完全相同的。我試圖讓「.col2」（在css中的「。holygrail .col2」）的大小調整到視口減號（ - ）頁眉&頁腳。

我嘗試過使用這些問題中列出的解決方案。

How to change height div on window resize?

我實現這些解決方案是使用jQuery和我沒有打開它，我的網頁上。壓縮版本位於主文件夾中。

<script src="jquery.js"></script> 
<script> 
$(window).resize(function() { 
$('.col2').css('height', window.innerHeight+'px'); 
}); 
</script> 
</body>

以上似乎並不適用於我。我還沒有試圖調整它的頭/頁腳，只是試圖調用元素，並沒有這樣的運氣。我似乎無法調用任何div，不知道有什麼問題。

我沒有運氣適應我的需要的解決方案。我再次確信它的東西很愚蠢，但有一點幫助是非常感謝。

來源

2013-01-01 Clueless

做這樣的：http://jsfiddle.net/chanckjh/mjQs9/

的jQuery：

$(function() { 
    var $height = $(window).height(); 
    $('.window').css('height', $height +'px'); 
});

來源

2013-01-01 01:26:05 Chanckjh

我不明白你是如何建議我實現這一點，對不起，我是一個noob記得。在你的例子中，我只是將.window更改爲我的.col2並使用jquery示例，或者如小提琴中所示創建類，然後將其放入要重新調整大小的div中？對不起，謝謝你試圖幫助:) – Clueless

是的，你可以改變它.col2 – Chanckjh

$（'。class'）'這是你想要選擇的元素。 – Chanckjh

您必須引用外部腳本和不同<script>標記中的內嵌腳本。

<script src="jquery.js"></script> 

<script> 
    $(window).resize(function() { 
     $('.col2').css('height', window.innerHeight + 'px'); 
    }); 
</script>

參見http://www.w3.org/TR/html4/interact/scripts.html#h-18.2.1瞭解更多信息。

該腳本可以在SCRIPT元素的內容或外部文件中定義。如果未設置src屬性，則用戶代理必須將元素的內容解釋爲腳本。如果src具有URI值，則用戶代理必須忽略元素的內容並通過URI檢索腳本。請注意，charset屬性引用由src屬性指定的腳本的字符編碼;它不涉及SCRIPT元素的內容。

來源

2013-01-01 00:59:21 rlemon

我編輯的腳本開幕正如你所說的，但它沒有任何效果。我認爲我還在做其他事情。 – Clueless

Div高度刻度到視口

回答

相關問題