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

Make page height 100% of browser

本文关键字：浏览器 100% 高度      更新时间：2023-09-26

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

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

我试着把整页都做成&滑块是浏览器高度的100%，因此当屏幕变小时，滑块会调整大小而不是裁剪，最好只在"帖子"页面上，而不是在网站的其他页面上。

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

html {height: 100%;}

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

非常感谢您的帮助Tom

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

您也可以使用JQ

var sectionFull = $('.section-full');
var windH = $(window).height();
sectionFull.css({
   height: windH
});
$(window).resize(function () {
    sectionFull.css({
        height: windH
    });
});
相关文章：