我正在使用媒体查询来动员网站。除了背景图像不会像页面顶部的前景图像那样调整大小以外,其他一切似乎都很好。我的媒体查询以650px生效,位于文件底部的junkyardzombie.css文件中。能帮我解决这个问题吗?测试站点位于http://shoponlinedemo.com/junkyard-zombiez/
最佳答案
默认情况下,背景图像是静态尺寸(本机图像的尺寸)。您可以使用background-size
属性控制背景图像的大小(有关here的更多信息)。
在这种情况下,您可以使用background-size:contain;
将图像的尺寸限制为包含元素的宽度(如果没有包含元素,则限制为浏览器窗口的宽度)。
关于css - 背景图片不会调整大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24813290/