背景图像修复 - 移动

时间:2015-04-10 11:47:11

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

大家好,我已经开始像一个月前开始学习网页开发了,而且我在移动设备上无法正常显示背景图片时遇到了困难。

我正在使用以下模板,甚至此模板也存在同样的问题。

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

我尝试过媒体查询,即使它的Bootstrap 3我仍然无法理解。

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

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

1 个答案:

答案 0 :(得分:0)

尝试改变你的标题元素样式,如下所示..希望样式中使用的样式(... 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%; 
}