BxSlider白色空間

Question

我是html/css/javascript的新手，並且正在嘗試使用BxSlider將圖像滑塊添加到我的網站。當滑塊擴展到某個尺寸時，我開始添加一個白色邊緣。這是因爲圖像已達到其最大寬度？或者我需要改變代碼中的東西？

我的圖像和滑塊在包裝的id與div。 CSS的是：

#wrapper { 
    max-width: 70%; 
    margin: auto; 
    padding: 0 %; 
    padding-top: 4%; 

} 

，並有CSS的的img作爲

img { 
    max-width: 100%; 
    padding: none; 
} 

謝謝！

Answer 1

雖然你沒有包含足夠的信息來簡單地回答是/否你的問題（即源圖像和包含元素的維度），我會說你是對的。

在bxSlider主頁上進行快速測試 - 將div.home-slider-wrapper的寬度增加到1000px以上（這是其源圖像的寬度），從而在右側產生白色邊框。 See annotated screenshot。

嘗試將圖像的CSS從max-width: 100%更改爲width: 100%如果它適合您（以正比延伸圖像爲代價去除白色邊框）。