#IE11 で #CSS グリッドは難しくない | Sler系SEの技術ブログ
今回、この記事でAutoPrefixerは利用しません。 IE11は[x]でrepeatを指定できます minmax()は、IE11で利用できますが、auto-fitとauto-fillは利用できません。 fit-content()も、IE11で利用できませんが代替の手段があります。 グリッドの列/行にminmax(min-content, max-content)を適用し、子要素にmax-width: [value]を設定します。 IE11以外のブラウザでは、fit-contentの代わりにautoを指定しても同じです。 ちなみに、IE11のautoの動きは他のブラウザと異なります。 IE11で他のブラウザのautoを再現しようと試みましたが、minmax(min-content, 1fr)は、横幅がコンテンツの量に対応せず、 minmax(min-content, 100%)、minm
CSS での横幅 (width) 、高さ (height) の指定にキーワード値を使う - Qiita
CSS で要素の大きさを指定するとき、 px, %, ... vw 以外にも使えるものがたくさんあって、 その要素の内容に応じて幅を伸縮させたりできる。 そのうちのひとつ、 max-content を使ってみたら試行錯誤していたものをあっさり解決できたので書いておく。 width プロパティに指定できるキーワード値 border-box content-box max-content min-content available / fill fit-content auto auto 以外の値は width プロパティで見たことがなかった、というかまだ草案段階らしい。 https://developer.mozilla.org/en-US/docs/Web/CSS/width これらは height や max-width, min-width でも使えるとのこと。 本記事は width
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
