背景图像没有在设备上调整大小

Question

我遇到的问题是背景图片没有在设备上调整大小。 当我在笔记本电脑浏览器中重新缩放它而不是在实际设备中时它看起来很好。

我正在使用Bootstrap的.container-fluid。

这是网站：http://www.residenzacarducci.com/#/show

这是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;
}

谢谢！

期望的结果：

实际结果：

Answer 1

用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;
}