0

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

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

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

网站：http ://whitakerbespoke.com/

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

4

3 回答 3

1

添加width: 100%到.flexslider .slides imgcss 声明，所以它看起来像这样（flexslider.css 的第 21 行）：

.flexslider .slides img {margin: 0 auto; display: block; width: 100%;}
于 2013-02-08T21:21:42.890 回答
0

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

于 2013-02-08T21:20:24.017 回答
0

简单： http ://whitakerbespoke.com/wp-content/themes/spacing/css/skeleton-responsive.css?ver=3.5.1 第28行

#footer .container {
    width: 960px;
}

你需要使这个盒子灵活......就像'width：100％';

继续

于 2013-02-08T21:28:26.403 回答