0

我正在使用 ResponsiveSlides.js(http://responsive-slides.viljamis.com/) 在我正在处理的网站上显示幻灯片。它在 Opera、Chrome 和 Firefox 中完美运行,但 IE 显示的图像比预期的要大得多。这是一个例子(http://www.brooklynlutheran.com/ie-maxwidth-test.asp)。ResponsiveSlides.js 提供的演示代码工作正常,我看不出有任何区别。谁能告诉我我做错了什么?

谢谢你。

4

1 回答 1

2

很可能 max-width: 400px 可能是问题,因为 IE 可能无法识别它。我还没有做研究,因为我要下班回家,但是......这样说:

<li><div style="width:400px;">[rest of code inside<li></li>]</div></li>

这可能不会自动调整其中的图像大小,但至少应该限制。然后你可能需要一些额外的代码来减小它们的大小。希望能帮助到你。如果到我回家时没有其他人可以帮助您,我会尝试解决这个问题,而不仅仅是给出提示。祝你好运 :)

编辑:

<li id="rslides1_s0" style="display: none; float: none; position: absolute; " class=""><div style="width:400px;"><img src="./IE Maxwidth Test_files/test-pic1.jpg" alt=""></div></li>

使列表项看起来像这些(注意添加的),它在 IE 中是固定的 :)

于 2012-04-17T14:24:56.167 回答