image - 表中的Bootstrap响应镜像在IE11中失败

我有一个表格单元格，其中包含的图像应为单元格宽度的50％。

该代码可在Chrome，Firefox和Edge中运行，但是在IE11中，大图像仅占用其原始大小的50％，而不是占用单元格宽度的50％。

这是使用800px宽图像的小提琴。除了在IE11中工作正常外，在IE11中图像显示为400px宽而不是响应式：
https://jsfiddle.net/43Tesseracts/9knqerj7/4/

这是带有引导程序的相关html：

    <td>
          <img src="http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/12/Images-2.jpg"
             style="max-width:50%;"
             >
          The image beside me should appear 50% of the cell, not 50% of it's native size.  WOorks in Chrome, FF, Edge, but NOT IE 11
    </td>

SE上似乎有许多类似的问题，但是它们都存在很久的历史，或者使用了较旧的Bootstrap版本。我正在使用Bootstrap 3.3.7

最佳答案

不需要额外的div。您可以在table元素上设置以下css属性：

table{
    table-layout: fixed;
}

我用一个有效的例子更新了你的小提琴：

https://jsfiddle.net/9knqerj7/10/

（此外，我将img更改为一个块元素并向左浮动，但这并不是响应能力所必需的-看起来更好，恕我直言）

关于image - 表中的Bootstrap响应镜像在IE11中失败，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41457457/