製作頁面高度瀏覽器

Question

我有這個頁面基於一個WordPress主題網站的一部分的100％：

http://www.coveburgess.com/post-test-1/

我試着讓整個頁面&滑塊100瀏覽器的高度％，因此當屏幕變小時，滑塊調整大小而不是作物 - 最好只在「發佈」頁面上，而不是在網站的其他部分。

我打與CSS有一段時間了（我在CSS等非常初學者），100％設置不同的容器，包括：

html {height: 100%;} 

但沒有它迄今工作。

非常感謝所有幫助 湯姆

Answer 1

它只是用較新的瀏覽器兼容。 .section-full {height:100vh;}

Answer 2

您還可以使用JQ

var sectionFull = $('.section-full'); 
var windH = $(window).height(); 

sectionFull.css({ 
    height: windH 
}); 

$(window).resize(function() { 
    sectionFull.css({ 
     height: windH 
    }); 
});