如何去除网页底部的空白？

Question

我一直在尝试删除网页最底部的额外空白，该空白仅在移动视图上可见。

作为参考，我突出显示了每个内容的边框。

我尝试过放

body {
    background-color: #222;
    height: max-content;
    padding-bottom: 0%;
    margin-bottom: 0%;
    overflow: hidden;
}

但即使这样也行不通

有人可以帮我解决这个问题吗？

Answer 1

.parentDiv{
height: 100vh;
}

这里，

vh

是视口高度。 100vh 是浏览器的高度。同样，100

vw

（视口宽度）是浏览器窗口的宽度。