背景图像不会调整大小

Question

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

Answer 1

默认情况下，背景图像是静态大小（原始图像的大小）。您可以使用background-size属性控制背景图片的大小（详细了解here）。

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