我正在使用wshemes的flexslider，并且无法弄清楚为什么在浏览器调整大小/在ipad / iphone上查看网站时，图像的内容会比内容更宽。
我在滑块，幻灯片或图像上看不到任何可能导致图像不调整大小的样式。实际图像本身没有设置高度或宽度属性。此外，滑块中只有一个图像。
内容的容器似乎也在调整大小，图像/幻灯片宽度设置为100％但仍然溢出到右侧，导致出现水平滚动。
网站：http://whitakerbespoke.com/
编辑：图像现在调整大小，但仍然有一个水平滚动条，右侧有一个巨大的空白区域。我认为图像是造成这种情况的，但它似乎并非如此。
答案 0 :(得分：1)
将width: 100%添加到.flexslider .slides img css声明中，所以它看起来像这样（flexslider.css的第21行）：
.flexslider .slides img {margin: 0 auto; display: block; width: 100%;}
答案 1 :(得分：0)
将max-width: 100%添加到img，效果很好。
答案 2 :(得分：0)
容易： http://whitakerbespoke.com/wp-content/themes/spacing/css/skeleton-responsive.css?ver=3.5.1 第28行
#footer .container {
width: 960px;
}
你需要让这个盒子变得灵活......比如'width：100％';
继续