2015-08-21 23 views
0

如何显示背景图像,以便无论设备屏幕是什么,都能显示图像的相同部分?背景大小:包含不同的屏幕

enter image description here

我当前的代码:

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

但在更小的屏幕装置,背景被吃掉,仅有非常小的部分被显示出来。

回答

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

谢谢。我认为这是解决方案,我无法找到使用background-size:contains来实现相同效果的方法。 –