背景图像修复 - 移动答案

【问题标题】：Background Image Fix - Mobile背景图像修复 - 移动
【发布时间】：2015-04-10 11:47:11
【问题描述】：

大家好，我一个月前就开始学习 Web 开发，但在移动设备上无法正确显示背景图片时遇到了困难。

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

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

我已经尝试过媒体查询，即使它的 Bootstrap 3 我仍然无法弄清楚。

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

任何建议将不胜感激。谢谢

【问题讨论】：

尝试使用 background-size:cover;背景附件：固定；
已经试过了：/不工作
尝试改变你的标题元素样式，如下所示.. element.style { background-attachment: fixed;背景图片：url（“img/home_01.jpg”）；背景位置：50% 0；背景重复：不重复；背景尺寸：100% 100%； }
希望样式中使用的样式（...背景附件：固定）被您的脚本覆盖，检查元素样式..
非常感谢！！！！ - 风格{背景附件：固定；背景图片：url（“img/home_01.jpg”）；背景位置：50% 0；背景重复：不重复；背景尺寸：100% 100%； } - 这个有帮助，但我不得不将背景大小更改为 100% 10%

标签： html css twitter-bootstrap mobile responsive-design

【解决方案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%; 
}

【讨论】：