使页面高度为浏览器的100％

Question

我将此页面作为基于wordpress主题的网站的一部分：

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

我试图制作整个页面＆amp;滑块100％的浏览器高度，以便当屏幕变小时，滑块调整大小而不是裁剪 - 并且最好只在＆＃39; post＆＃39;页面而不是网站的其他部分。

我已经玩了一段时间的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
    });
});