TOP > IT・テクノロジー > 知っているとかなり便利!CSSでコンテンツに依存してサイズを決めるfit-content, min-content, max-content | コリス

知っているとかなり便利!CSSでコンテンツに依存してサイズを決めるfit-content, min-content, max-content | コリス

17コメント 2020-02-14 09:41 | コリスキャッシュ

CSSで要素やレイアウトのサイズを指定する方法には、幅や高さを固定値にサイズを定義する方法とその中のコンテンツに依存してサイズを決める方法があります。 この2つの方法それぞれのメリットと使い分け方、特...

ツイッターのコメント(17)

画像や線など、レスポンシブ作成する際にこの値は便利な気がする...!実装してみよう💨

・Edgeを除くすべての主要なブラウザが内因性の値をサポート
横幅を内包する要素の幅に合わせたいときはdisplay: inline-block 使ってたけどdisplay: flex 使いたかったので調べたらwidth: fit-content ってやつがあるのね。これは便利!
PCではプレフィックス必要とかあるけど、今作ってるのはスマホアプリだから普通に使おう。
コンテンツの幅に合わせたいときってinline-blockにするしかないと思ってたけど、他にも方法あるんじゃん!!😳🙌歓喜
これ知らなかったな。
これはすごく使えそう
こういう記事を見てすぐ使わずに、一番下のcaniuseをしっかりみましょう
便利そう(IEと旧Edgeは非対応)
①min-content 最も長い単語の幅
② コンテンツの幅
③fit-content ①と②の合わせ技

アンダーライン付きタイトルとか便利そう。

知っているとかなり便利!CSSでコンテンツに依存してサイズを決めるfit-content, min-content, max-content
簡易的なアプリのようなデザインにはいいかもしれない
素敵! >
以上
 

いま話題のニュース

もっと読む
PR