css - 背景大小：包含在不同的屏幕上

Question

如何显示背景图像，无论设备屏幕是什么，都将显示图像的相同部分？

我当前的代码：

body {background:url('https://dl.dropboxusercontent.com/s/k2o673ydhy7tmcu/background-img.jpg');background-size:contain;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;}

但是在较小的屏幕设备上，背景被吃掉了，只显示了很小的一部分。

Answer 1

我认为您正在寻找这样的东西：http: //jsfiddle.net/vLzzvxv2/

body {
    background-image: url('https://dl.dropboxusercontent.com/s/k2o673ydhy7tmcu/background-img.jpg');
    background-size: cover;
}

article {
    background: white;
    margin: auto;
    width: 80%;
}