【CSS】メモ:IE11でGridのrepeatプロパティでminmaxのautoは効かない。

【CSS】メモ:IE11でGridのrepeatプロパティでminmaxのautoは効かない。



IE11でGridのrepeatプロパティを使用する際は、

.repeat-10 {
  -ms-grid-columns: (1fr)[10];
  grid-template-columns: repeat(10, 1fr);
}

は使えますが、

.repeat-10 {
  -ms-grid-columns: (minmax( 200px, auto ))[10];
  grid-template-columns: repeat(10, minmax( 200px, auto ) );
}

は使うことができないようです。

–訂正:

.repeat-10 {
  -ms-grid-columns: (minmax( 200px, 1fr ))[10];
  grid-template-columns: repeat(10, minmax( 200px, 1fr ) );
}

ならいけました。

CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks
参考
CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks

It’s cool functionality and they think IE can’t have cool things like this because IE sucks.
Everyone has seen this magical code snippet and had their dreams shattered when they realised that it wouldn’t work in IE: grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) );.

CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks CSS-Tricks

今日はここまで

関連する記事



こちらはいかが?


コメントを残す