javascript - 消除全屏浏览器和大屏幕(49 英寸)上页脚下的空白

Question

坦白说，我已经看过并阅读了很多关于这个主题的帖子，以至于我几乎回避提出这个问题，但到目前为止，没有一个帖子涵盖了我的问题的范围或解决了我的问题。我的 this 出现白屏仅当我将浏览器全屏显示(按 F11)时才访问网站。如果浏览器也设置为全屏模式，那么在 49 英寸电视等大屏幕上，空间会更糟。我正在使用 Blankslate 主题并使用 elementor 插件来构建网站，因此我没有“官方”页脚。我怎样才能最好地摆脱它，因为它在大屏幕上看起来真的很难看。解决方案如 this one等等，但它们不起作用，包括设置

height: 100vh; //100% /* in custom.css */

Answer 1

好的，有几件事:你的 body 有 8px 的边距:

body {
    margin: 0;
}

你想要设置高度:100vh；内容物的内部容器上。它还具有 margin-top:-1%；由于某种原因:

.elementor-element-9q9c7yv {
    height: 100vh;
    margin-top: 0; 
}

这修复了所有问题，除了底部有一个空的 div，它向页脚添加了 1px 的空白，将其删除:

elementor-container elementor-column-gap-no {
    display: none;
}

好了:)