为什么滑块图像是唯一不响应的东西？

我通过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

回答