Ie11 Сетка рушится на себя - PullRequest
Новая
       11

Ie11 Сетка рушится на себя

0 голосов
/ 13 февраля 2019

Я пытаюсь использовать CSS Grid в IE11.Из того, что я слышал, это возможно.Я пытаюсь сделать что-то вроде этого:

enter image description here

Пример на CodePen

Мой HTML-кодпросто: 

<div class="grid">
  <div class="col">1</div>
  <div class="col">2</div>
  <div class="col">3</div>
  <div class="col">4</div>
</div>

CSS это 

.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.col {
  margin: 0;
  padding: 0;
  height: 100px;
  background: #ddd;
}

Когда я загружаю страницу в Chrome, все нормально (см. изображение выше).Увы, вот как это выглядит в IE11.

IE11

Несмотря на то, что я добавил соответствующие префиксы MS, все равно кажется, что ящики сложеныдруг на друга

Кто-нибудь знает, что мне здесь не хватает?

...