css - 背景图像不会调整大小

Question

我正在使用媒体查询来移动网站。一切似乎都很好，除了背景图像不会像页面顶部的前景图像那样调整大小。我的媒体查询在 650px 处生效，位于文件底部的 junkyardzombie.css 文件中。有人可以帮我解决这个问题吗？考点在http://shoponlinedemo.com/junkyard-zombiez/

Answer 1

默认情况下，背景图像是静态尺寸(原生图像的尺寸)。您可以使用 background-size 属性控制背景图像的大小(阅读更多相关信息 here)。

在这种情况下，您可以使用 background-size:contain; 将图像的尺寸限制为包含元素的宽度(如果有，则限制为浏览器窗口的宽度)没有包含元素)。