html - 背景图像修复 - 手机

Question

大家好，我一个月前开始学习网络开发，但我遇到了背景图片无法在移动设备上正确显示的问题。

我正在使用下面的模板，甚至这个模板也有同样的问题。

问题只是背景图像在移动设备上放大，而不是相应地与屏幕尺寸成比例。

我已经尝试过媒体查询，即使它是 Bootstrap 3，我仍然无法理解。

http://piksell.diamondcreative.net/onepage.html

如有任何建议，我们将不胜感激。谢谢

Answer 1

尝试像下面这样改变你的标题元素样式..希望样式中使用的样式(...背景附件:固定)被你的脚本覆盖，检查元素样式..

element.style { 
    background-attachment: fixed; 
    background-image: url("img/home_01.jpg"); 
    background-position: 50% 0; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
}