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

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

我试图使整个页面和滑块的高度达到浏览器高度的100%，这样当屏幕变小时，滑块会调整大小而不是裁剪，最好只在“帖子”页面上，而不是在网站的其余部分

我使用CSS已经有一段时间了（我是CSS的初学者等），将不同的容器设置为100%，包括：

html {height: 100%;}

但到目前为止，这些措施都没有奏效

非常感谢你的帮助

---

Tom

它只与较新的浏览器兼容。

---

.section full{height:100vh；}

它只与较新的浏览器兼容。

.section full{height:100vh；}

您也可以使用JQ

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

sectionFull.css({
   height: windH
});

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

您也可以使用JQ

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

sectionFull.css({
   height: windH
});

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

---

高度：100vh；我想你可能需要在body而不是html上设置它。如果你打算使用100%，你可能需要它在两个，但如果你使用100vh，可能只有身体。这是未经测试的，这就是为什么我在评论而不是回答；我想你可能需要在body而不是html上设置它。如果你打算使用100%，你可能需要它在两个，但如果你使用100vh，可能只有身体。这是未经测试的，这就是为什么我在评论而不是回答。@Dan So？这怎么会是个糟糕的答案呢？你应该写下正确的评论作为回答。投反对票：）@Dan So？这怎么会是个糟糕的答案呢？你应该写下正确的评论作为回答。投反对票：）