css - 背景图像大小不适用于移动设备

Question

因此，在浏览器上一切正常，但在移动设备上，背景被放大了。我使用 cover 关键字来拉伸(stretch)背景图像。

background-image: url({{ settings.site_bg_image | asset_url }});
background-position: {{ settings.bg_image_y_position }} {{ settings.bg_image_x_position }};
background-repeat: {{ settings.bg_image_repeat }};
background-attachment: {{ settings.bg_image_attachment }};
background-size: cover;

后台的position设置为top center

平铺:垂直平铺

滚动:保持固定

这是一个链接，可以查看发生了什么 http://www.iconiccustomguitars.com

感谢任何帮助。提前致谢。

Answer 1

努力改变

background: url(bg.png);  

到

background-image: url(bg.png); 

还要给它加上引号，让它变成这样:

background-image: url("bg.png");