Css IE11未正确调整动态加载图像的大小

我正在开发一个lightbox，我想在其中尽可能多地使用CSS。 我正在使用视口单位使整个事物具有响应性。 不幸的是，IE（我在版本11中测试过）没有正确调整动态加载的图像的大小

比较以下JSFIDLE并调整浏览器大小，看看我的意思

---

关于如何解决这个问题，您有什么想法吗？

IE10+对于

width

和

height

属性（在本例中，这些属性似乎是自动添加的）很奇怪，因此我们将覆盖它们：

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

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

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