bootstrap中的背景圖片不響應

我爲身體放置了一個背景圖片，但由於某種原因，當我縮小窗口時，窗口變小時圖片不會變小，所以它應該佔據整個背景但縮小，bootstrap中的背景圖片不響應

HTML：只要有我body標籤

CSS: 

    body { 
     background-image: url("../Images/c.jpg"); 
     padding-top: 58px; 
     background-size:100% auto; 
    }

這使得圖像變得更小的窗口變小，但它reapts在底部，所以它就像他們的2

2017-05-23 RonTheOld

檢出this codepen作爲響應示例。使用background-size:cover將覆蓋整個div。使用background-size:contain將保持比率並將其包含在div內。

2017-05-23 21:23:59 Ishio

這使得圖像變得更小的窗口變小，但在底部呢[重複]，所以它就像他們

這是因爲背景重複默認的2。添加background-repeat:no-repeat

2017-05-23 21:21:11

嘗試這樣既可空白現在看來，圖像也變得越來越小，但在底部 – RonTheOld

@RonTheOld空白你這是什麼期望底部由？你想讓圖像在左邊和右邊裁剪？這將是Ishio建議的「背景大小：封面」規則。 –

您正在使用錯誤的background-size屬性。

你需要你的CSS更改爲：

CSS：

body { 
    background-image: url("../Images/c.jpg"); 
    padding-top: 58px; 
    background-size:cover; 
}

2017-05-23 21:28:39

回答