Question

我有一个网站，在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>

Answer 1

正如我的评论所说，IE中的HTML5支持是有限的。在IE中打开此网址，您会看到支持哪些内容 - http://html5test.com/results.html

请注意，不支持“节元素”。

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

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

1 个答案: