css - 我无法让网格模板列在 IE 中工作

Question

我在使网格模板列在 IE 中工作时遇到问题。
我得到的结果全部在第一个 100px 列中。

这是基本的html结构

<div class="bdm_grid">
  <img>
  <div>content</div>
  <div>content</div>
</div>

这是CSS

.bdm_grid {
  display: -ms-grid !important;
  display: grid !important;
}
.bdm004 .bdm_grid{
-ms-grid-columns: 100px 1fr 150px;
    grid-template-columns: 100px auto 150px
 }

在此先感谢您的帮助

Answer 1

我已将代码添加到 w3schools(jsfiddle 不支持 IE)，并运行了 https://autoprefixer.github.io/针对基本 CSS 得到 https://www.w3schools.com/code/tryit.asp?filename=FWFA9DG2F2RN

标签应该在一个 div 中 - 你可以看到它现在可以在 Chrome 上运行，但 CSS 仍然不能在 IE 上运行，我不明白为什么。