删除页面中的白色区域

Question

我有一个我正在处理的页面，只要屏幕比页面高http://kauaiyogaandfitness.com/vid-page/大，就会有一个白色区域。

在该页面中，我故意删除内容以突出显示问题。

我想要的是在所有屏幕分辨率/比例中从上到下/从左到右 FIT 背景图像。

我尝试使用 100vh css 解决问题但是当屏幕小于内容时，页面将不允许我滚动页面以查看内容的隐藏部分。< / p>

.et_pb_section_0 {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100vh;
}

免责声明：我是初学者。

Answer 1

使用min-height代替height，以便页面至少 100vh，并且如果需要，将超过该高度。

.et_pb_section_0 {
    background-image: url(http://kauaiyogaandfitness.com/wp-content/uploads/2017/04/1920x1080_3.jpg);
    min-height: 100vh; /* <---- add this */
}