Wordpress 上整页的 CSS

Question

我是新手，对 CSS 的了解非常有限。我正致力于在 Wordpress 上使用 Salient 主题构建网站。对于主页，我正在尝试构建一个登陆页面或某种“门户”。理想情况下，无论宽度或高度如何，它都会响应并适合浏览器。

我在 Wordpress 中为该页面使用自定义 CSS，目前具有以下内容:

.at-content {
 position: fixed;
 background-color: #f7f6f5;
 height: 100%;
 width: 100%;
 overflow: scroll;}

我认为部分问题在于我已将其固定，但如果我更改位置，当它变得太大时，浏览器底部会出现一个巨大的灰色条。

目前当我改变宽度时它响应良好，但高度保持不变。

这是当前页面:http://chairflyer.com

如果您能提供有关如何解决此问题的任何帮助，我们将不胜感激。

Answer 1

您可以使用 vh 和 vw 来适应视口(viewport)的尺寸(视口(viewport)高度和视口(viewport)宽度)。

.at-content {
 width: 100vw;
 height: 100vh;
}