Css 未在设备上调整背景图像大小

我有一个问题，背景图像不能在设备上调整大小。 当我在笔记本电脑浏览器中重新缩放它时，它看起来很好，但在实际设备中却没有

我用的是Bootstrap的容器液体

这是网站：

这是css：

body {
    background: url("/images/Verona_bridge_c1825.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: Cinzel Decorative, cursive;
    color: #777;
}

谢谢大家!

期望的结果：

实际结果：

---

用scroll替换fixed，这应该可以工作

body {
    background: url("/images/Verona_bridge_c1825.jpg") no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: Cinzel Decorative, cursive;
    color: #777;
}

---

它适用于我的iPhone 5Hi Matthew，有人告诉我ipad上的背景会震动。另外，容器不会像在电脑屏幕上那样在iphone上滚动…不，这不起作用。。。现在要找到背景图片，我必须向下滚动到容器的中间。很抱歉，我给了你这个答案，因为我以前在iPad上遇到过这种情况，我就这样解决了。顺便说一句，我现在在iPhone 6和iPhone 6 Plus上试过你的风格，效果很好，到目前为止，你在iPhone上的风格似乎还没有问题，我只是想让你知道：）嗨，艾哈迈德，你必须进入下一页才能真正看到它