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

时间:2016-05-03 10:47:30

标签: javascript jquery html css wordpress

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

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

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

我已经玩了一段时间的CSS(我在css等非常初学者),设置不同的容器100%,包括:

html {height: 100%;}

但到目前为止还没有任何工作。

非常感谢您的帮助 汤姆

2 个答案:

答案 0 :(得分:6)

它只与新版浏览器兼容。 .section-full {height:100vh;}

答案 1 :(得分:0)

您也可以使用JQ

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

sectionFull.css({
   height: windH
});

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