モノグサにお灸

【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 ) );
}

ならいけました。

favicon
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を楽しんでいます。

⬅ 前の記事
【WordPress】save_postでwp_update_postがうまく機能しないので、$wpdb->updateを使う
次の記事 ➡
【WordPress】メモ：日付フォーマットでdate_i18nを使うと'F'フォーマットは無効化される

関連投稿

Loading...

コメントをどうぞ

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