html - 3 无内容查看的背景图片

Question

我正在尝试制作一个没有内容的横幅，它使用 height 标签工作，但是当我试图最小化我的网站时，最后一张图片不会跟随。你知道该怎么办吗？

.banner{
    background: url(../img/bg2.png) top no-repeat, url(../img/bg3.png) bottom no-repeat, url(../img/banner.png) no-repeat;
    background-size: 100%;
    height: 485px;
}

Answer 1

如果你想要一个响应式横幅，你不应该写一个固定的高度。您应该阅读纵横比 https://www.w3schools.com/howto/howto_css_aspect_ratio.asp .并设置背景大小:包含；