【问题标题】:IE11 not properly resizing dynamically loaded imageIE11 无法正确调整动态加载图像的大小
【发布时间】:2015-09-30 16:12:35
【问题描述】:

我正在开发一个灯箱,我希望尽可能多地使用 CSS。 我正在使用视口单元来使整个事物响应。 不幸的是,IE(我在 11 版中测试过)不能正确调整动态加载的图像大小。

比较以下 jsfiddle 并调整浏览器大小以了解我的意思。

Static image

<div class="lightbox lightbox--active">
    <div class="lightbox__inner">
        <div class="lightbox__content" data-lightbox-content="">
            <img src="path/to/image">
        </div>
    </div>
</div>

Dynamically loaded image

<div class="lightbox lightbox--active">
    <div class="lightbox__inner">
        <div class="lightbox__content" data-lightbox-content="">
            <!-- Image loaded with JS -->
        </div>
    </div>
</div>

关于如何解决这个问题的任何想法?

【问题讨论】:

    标签: css internet-explorer viewport-units


    【解决方案1】:

    IE10+ 的 widthheight 属性很奇怪(在这种情况下似乎是自动添加的),所以我们将覆盖它们:

    .lightbox .lightbox__content img {
        ...
        width: auto;
        height: auto;
    }
    

    Demo

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-11-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-01-30
      • 2016-10-21
      • 2013-04-26
      相关资源
      最近更新 更多