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

作成日:

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

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

は使えますが、

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

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

--訂正:

CSS
.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 https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/

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) );.

物草 灸太郎

WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。

コメントをどうぞ

  • メールアドレスが公開されることはありません。
  • コメント欄にURLは入力できません。
  • このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。