jquery - 为什么 slider 图像是唯一没有响应的东西？

Question

我正在使用 woothemes 的 flexslider，无法弄清楚为什么在调整浏览器大小时/在 ipad/iphone 上查看网站时图像总是比内容宽很多。

我没有在 slider 、幻灯片或图像上看到任何可能导致图像无法调整大小的样式。实际图像本身没有设置高度或宽度属性。此外， slider 中只有一张图片。

内容容器似乎也在调整大小，图像/幻灯片宽度设置为 100%，但仍然溢出到右侧，导致出现水平滚动。

网站:http://whitakerbespoke.com/

编辑:图像现在调整大小，但仍然有一个水平滚动条，右侧有一个巨大的空白区域。我认为图像是造成这种情况的原因，但事实并非如此。

Answer 1

将 width: 100% 添加到 .flexslider .slides img css 声明中，因此它看起来像这样(flexslider.css 的第 21 行):

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