エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Container Queriesの沼へようこそ - kojika17
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Container Queriesの沼へようこそ - kojika17
2023年2月13日にFirefoxでCSS Container Queriesが実装されたため、一部の機能がすべてのブラウザ使用で... 2023年2月13日にFirefoxでCSS Container Queriesが実装されたため、一部の機能がすべてのブラウザ使用できるようになりました。 さらに記事公開の本日、Google Chorome 111で、新しいContainer Queriesも実装されました。 私も待ち望んでいた機能なので、どう使うのか? どういう問題点があるのか? 解説していきます。 Container Queriesとは? Container Queriesは、コンテンツにあわせてレイアウトを変化させる技術です。 例えば、写真付きのカードがあり、大きい画面では写真と説明が横に並ぶようなデザインがあったとします。 このような見た目の変化を従来のCSSではMedia Queriesを使用するしかなく、ブレイクポイントやクラスを付与して指定して変化させるしかありませんでした。 最初にこの問題に触れたのは no