Question

无法解决此问题。在其他浏览器中，一切都很顺利，但IE忽略了包装图像的最大高度规则。我们的想法是图像应该适合固定的全尺寸容器（.wrap），图像容器（.container）应该与图像大小相同。

例如，我有这样的代码：

<!Doctype html>
<html>
    <head>
        <title>Title</title>
        <style>
            .wrap {
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }
            .container {
                max-width: 100%;
                max-height: 100%;
            }
            .container img {
                max-width: 100%;
                max-height: 100%;
            }
        </style>
    </head>
    <body>
        <div class="wrap">
            <div class="container">
                <img alt="Image" src="image_bigger_than_a_viewport.jpg">
            </div>
        <div>
    </body>
</html>

源图像应大于视口大小以使其缩小（您可以缩小浏览器窗口大小）。

谢谢。

UPD。现场演示：http://fiddle.jshell.net/egGQ7/show/

包装图像上的IE最大宽度和最大高度问题

0 个答案: