【CSS】メモ：IE11でGridのrepeatプロパティでminmaxのautoは効かない。
作成日：
2019年11月22日
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を楽しんでいます。
コメントをどうぞ