0

ResponsiveSlides.js(http://responsive-slides.viljamis.com/) を使用して、作業中の Web サイトにスライドショーを表示しています。Opera、Chrome、および Firefox で完全に動作しますが、IE では画像が想定よりもはるかに大きく表示されます。ここに例があります (http://www.brooklynlutheran.com/ie-maxwidth-test.asp)。ResponsiveSlides.js が提供するデモ コードは正常に動作し、違いはわかりません。誰が私が間違っているのか教えてもらえますか?

ありがとうございました。

4

1 に答える 1

2

IE が認識しない可能性があるため、max-width: 400px が問題になる可能性が非常に高いです。私は仕事から家に帰ろうとしているので、調査を行っていませんが...次のように言えます:

<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 に答える