CSS3滑動圖像懸停，奇怪的間距

Question

首先，向大家問好，我在這裏有點新，儘管這個網站幫了我很多東西。 這是我的問題，我用背後的文字製作了圖片，這樣當您將指針懸停在圖片上方時，圖片就會滑到一邊，您可以閱讀文字。很簡單。現在我遇到的問題是，當我降低屏幕尺寸（例如，在Android上查看它）時，響應式設計不適用於這些圖像，因爲左側有一些奇怪的間距，即使圖像可以適合該屏幕尺寸。

這裏的問題（我用它來學習的目的:)）網站：This

Answer 1

您迴應優良工程（引導我猜）。問題是你在你的.slide1, .slide2, .slide3中有一個固定的寬度，這會損害你的col-sm-4的33.3333％寬度。基本上你需要使用mediaqueries來調整你的動畫。

加入overflow:hidden到col-sm-4將更好地正在發生的事情告訴你，並添加到您的幻燈片max-width:100%可能是第一個步驟，以解決您的網頁。後來你的問題將是圖像尺寸