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

Question

I have an issue with the background image not resizing on devices. It looks fine when I rescale it in my laptop browser but not in the actual device.

I am using Bootstrap's .container-fluid.

This is the website: http://www.residenzacarducci.com/#/show

This is the 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;
}

Thank you!

DESIRED OUTCOME:

ACTUAL OUTCOME:

Answer 1

replace fixed with scroll, this should work

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