2015-08-21 57 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來實現相同效果的方法。 –