背景图像修复 - 手机

Question

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

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

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

我已经尝试过媒体查询，尽管它 Bootstrap 3 我仍然无法弄明白。

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

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

Answer 1

尝试改变您的 header 元素样式，如下所示。希望样式中使用的样式 (...background-attachment:fixed) 被您的脚本覆盖，检查元素样式..

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