CSS伸展或合適的背景圖像

我想用css伸展或合適我的背景圖像，因此無論屏幕大小如何，它總是在100％的寬度和高度。這被問了很多次，每個人都建議使用背景大小：100％，它會工作。但使用背景大小隻適合我的圖像的寬度和高度仍然裁剪。
如果有人能幫助我，我將不勝感激。
Thans非常CSS伸展或合適的背景圖像

來源

2014-11-06 m0j1

編輯：

您試圖background-size: 100%，
確實，當你做什麼的CSS是這樣的：

background-size: 100% auto;

你想要的是第二次成爲爭論100％，所以你應該這樣做：

background-size: 100% 100%;

編輯完

嘗試：

background-size: cover;

這將適合寬度或高度和溢出其餘

或者：

background-size: contain;

這將使圖像一樣大盡可能不改變它的寬高比。

你可以閱讀更多關於CSS3背景-size屬性HERE

來源

2014-11-06 07:46:47

我試過掩護，但概率lem是適合寬度和高度仍然裁剪，我不想保持寬高比，我希望寬度和高度都適合不管屏幕尺寸。謝謝 – m0j1 2014-11-06 07:48:58

我編輯了我的答案一點，但如果封面不是你想要的，background-size：100％100％;應該做你想做的事情？你有什麼問題？ – 2014-11-06 07:53:01

ohh等待我看到你做錯了什麼。 – 2014-11-06 07:54:12

你可以試試：

background: url('Your image URL') 100%;

或

background: url('Your image URL') 100% no-repeat;

來源

2014-11-06 08:03:48 tim

試試這個CSS規則：

background-repeat: no-repeat; 
background-attachment: scroll; 
background-position: center center 
background-size: cover; // this makes img full-screen (full-width & full-height)

來源

2014-11-06 21:24:48

CSS伸展或合適的背景圖像

回答

相關問題