使頁面高度為瀏覽器的100％

Question

我將此頁面作為基於wordpress主題的網站的一部分：

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
    });
});