引导程序背景图像无法响应移动设备

时间:2015-07-18 17:22:51

标签: css image twitter-bootstrap mobile background-image

我正在尝试在bootstrap网页上添加背景信息。当网页加载到笔记本电脑或台式机时,背景图像工作正常。但是,当在移动设备上加载页面的某些部分仍未填充时,会出现问题。

以下是我的代码:

<body style="background: url(img/backgroung.jpg) no-repeat center center fixed"
    style="-webkit-background-size: cover"
    style="moz-background-size: cover"
    style="-o-background-size: cover"
    style="background-size: cover"
    style="background-size:100% auto"
   >    

1 个答案:

答案 0 :(得分:0)

可能你想要这样的东西:

body {
background: url('img/backgroung.jpg');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}