Javascript 如何使此横幅滑块适合浏览器高度？

我在谷歌上搜索了两天，试图了解自动高度调整是如何工作的，我想我知道如何使背景适合浏览器，但对于横幅滑块，我没有任何线索

有人能告诉我应该从哪里开始吗？它应该是

CSS

还是

JS

我对

HTML5/CSS3

非常陌生，

Wordpress

为我创建了一个非常简单的网站环境，但除了插件，我几乎不知道如何修改网站

这将是非常酷的，如果滑块部分适合像下面这一个

---

提前谢谢

这应该将主页上的图像/相册设置为浏览器的高度和宽度，调整一些CSS，它应该与侧边栏完美对齐，就像你想要的那样

  img {
        max-width: 100%;
        height: auto;
        width: auto\9;
    }

---

如果您要查找适合浏览器高度的图像，而不考虑任何显示，则可以使用第页的“vh”单元

vh表示视口高度[视口=浏览器窗口大小]，1vh=视口高度的1%，因此在您的情况下，您可以使用100vh处理如下图像：

img{
  height: 100vh;
}

检查这个是否相同

---

请记住，您需要高分辨率图像，而这些图像在移动设备上看起来不太好。

您将在此处获得许多反对票，请查看有关如何提问的教程谢谢Jonathan，我接受了您的更正。线程不允许我在此处附加图像，很高兴您的帮助。谢谢您的建议Shedford先生。我试图用它的id#grid-1024来定位它，对style.css做了如下修改，但仍然无法工作。也许我找错了身份证#grid-1024{最大宽度：100%；高度：自动；宽度：自动\9；}谢谢你的建议，Kishan。我试图用它的id#grid-1024来定位它，对style.css做了如下修改，但仍然无法工作。也许我找错了身份证#grid-1024{height:100vh；}我安装了一个名为“The grid”的“Wordpress”插件，它看起来很不一样，然后只需制作背景图像以适应高度。也许你页面上的其他样式使用更具体的选择器来控制高度，要解决这个问题，只需添加“！“重要”属性，如下面的

#grid-1024{height:100vh！important；}