如何在ie中使fancybox正确调整大小

How do i make fancybox resize properly in ie

本文关键字：调整 fancybox ie 中使      更新时间：2023-09-26

我有一个网站，在fancybox中显示一些部分html内容
在除IE之外的所有浏览器中，我可以指定一些css来控制一些相当大的内容的高度宽度，对于大多数情况，我默认为500x500，因为这似乎是标准大小。然而，在IE中，这不起作用，事实上，什么都不起作用。内容总是尽可能宽，只要内容是。

javascript是

$('.fancybox-test').fancybox();

链接html看起来像

<a  class="fancybox-test" href="test.htm">load test.htm</a>

并且显示的html是

<section class="lightbox" style="height: 500px; width: 500px;">
    <h1>
        title</h1>
    <p>
        lorem ipsum
    </p>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fermentum iaculis
        neque in aliquet. Aliquam eleifend mi molestie ligula convallis vel porta ante ultrices.
        Mauris lacus nulla, porta nec pretium sit amet, adipiscing eu orci. Phasellus orci
        lectus, sollicitudin non dapibus et, condimentum tempor purus. Nulla eget eros quis
        felis posuere bibendum. Mauris eget gravida diam. Fusce vitae facilisis nulla. Donec
        quis sagittis nibh. Nam eros nunc, auctor ut molestie non, feugiat sed lorem.
    </p>
    <p>
        Quisque non ante ut mauris rhoncus tincidunt. Donec mollis mauris quis enim molestie
        sed accumsan massa dignissim. Phasellus lacinia volutpat laoreet. Aenean suscipit
        pretium quam, sed blandit purus vestibulum ac. Cras ligula elit, volutpat vel mollis
        eget, ornare a lacus. In ut vehicula felis. Sed tincidunt eleifend nisl, ac imperdiet
        turpis tempor at. Ut pellentesque, felis et porttitor lacinia, urna libero interdum
        nisi, sed consectetur risus massa nec metus. Maecenas nec ligula vel augue laoreet
        venenatis in nec lectus. Mauris ut nisi sit amet turpis auctor rutrum. Nullam non
        congue sapien.
    </p>
</section>

正如我的评论所说，IE中对HTML5的支持是有限的。在IE中打开这个url，你会看到支持的内容-http://html5test.com/results.html

请参阅不支持"Section元素"。

如果您关心支持IE，您可能需要恢复使用标准的<div>

相关文章：