背景大小：包含不同的屏幕

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