爲什麼滑塊圖像是唯一不響應的東西？

我通過woothemes使用flexslider，並且無法弄清楚爲什麼圖像在瀏覽器調整大小/網站在ipad/iphone上查看時爲什麼會比內容更寬。爲什麼滑塊圖像是唯一不響應的東西？

我在滑塊上看不到任何樣式，滑動OR圖像可能導致圖像無法調整大小。實際圖像本身沒有設置高度或寬度屬性。此外，滑塊中只有一個圖像。

內容容器似乎也在調整大小，圖像/幻燈片寬度設置爲100％，但仍然溢出到右側，導致出現水平滾動。

編輯：圖像調整大小現在，但還是有一個水平滾動條，並在右手側的巨大空白。我認爲這個形象是造成這種情況的原因，但似乎並非如此。

添加width: 100%到.flexslider .slides img CSS聲明，所以它看起來像這樣（flexslider.css的21號線）：

.flexslider .slides img {margin: 0 auto; display: block; width: 100%;}

2013-02-08 21:21:42 Ennui

哇，好！爲什麼我不早點想到這一點。右側仍有巨大的空間。這是什麼原因，如果不是圖像？ – 2013-02-08 21:23:08

另外，'skeleton.css'的第25行將'#footer .container'的寬度設置爲960px，使它突出於右側。我用來識別問題的一個技巧是添加'div {border：1px solid＃000！important;}'。 – showdev 2013-02-08 21:23:50

@showdev ahhhh不錯！不知道如何在地球上我無法弄清楚這一切，但感謝您的幫助:) – 2013-02-08 21:27:50

將max-width: 100%添加到img，它工作正常。

2013-02-08 21:20:24 Brendan

#footer .container { 
    width: 960px; 
}

您需要使這個盒子變得靈活...就像'寬度：100％';

進行

2013-02-08 21:28:26

回答