重複調整大小的背景圖像

我使用照片作爲背景並重復它，但是當我調整窗口大小時，img不會調整大小和模式更改。重複調整大小的背景圖像

我該如何解決這個問題？

我正在使用Bootstrap。

body { 
background-image: url("img/pattern.png"); 
background-repeat: repeat-x-y}

CSS中有一個background-size屬性。然而，它通過包含或覆蓋圖像所在的容器等工作。我不認爲你可以用這個屬性來做你想要的重複圖像。 –

你可以使用

background-size: contain

2015-10-06 12:09:24 Paran0a

那麼有2種方式，你可以使用任何有效的方式

background-size: contain 

background-size: cover

但是，使用重複，我不知道你會在多大程度上能夠獲得預期結果

2015-10-06 12:11:11

都不工作！ img變得更大 –

@jaafarkhansa。是啊，我thnk它的imagre重複coz .. –

@jaafarkhansa ..爲什麼不使用不同的圖像爲不同的屏幕分辨率和寫媒體查詢來調用相應的圖像？ –

回答