Есть ли способ для меня получить подобное css поведение сетки на IE11? - PullRequest
Новая
       10

Есть ли способ для меня получить подобное css поведение сетки на IE11?

0 голосов
/ 19 марта 2020

У меня есть несколько элементов, хранящихся в this.state.recentsArray, которые отображаются внутри карт в формате сетки, причем каждая карта никогда не опускается ниже 250px, а также я делаю так, чтобы карты были выложены таким образом, что они будут реагировать и автоматически размещать себя сделать одинаково широкие столбцы сетки независимо от того, сколько элементов в recentsArray. Это достигается с помощью приведенного ниже кода.

реакции- js: 

<div className={style.gridLayout}>
  {(this.state.recentsArray).map((element, index) => {
    return (<MyComponent key={index} />
  }
</div>

css: 

.gridLayout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

, и сетки отлично работают на все браузеры, кроме IE, в которых каждая отдельная карта всегда имеет ширину экрана.

Можно ли мне воспроизвести поведение, наблюдаемое во всех других браузерах для IE, с использованием CSS -grid?

...