我无法在IE中使用grid-template-columns

时间:2018-08-31 14:54:01

标签: css internet-explorer css-grid

我无法在IE中使grid-template-columns起作用。
我得到的结果全部在前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
 }

预先感谢您的帮助

1 个答案:

答案 0 :(得分:0)

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

该标记应位于div中-您现在可以看到它在Chrome上可以使用,但是CSS仍不能在IE上使用,我也看不到为什么。