完全体となったContainer Queriesの所感の雑記 - Qiita

2023/02/13 6 users 使い物 Style 関数 前々 Qiita

Chrome 111 betaでついに、Style Container Queriesが対応されました。 Chrome 111 beta - Chrome Developers 今まではサイズのみ対応で、Container Queriesとして使い物になりませんでした。 しかし今回のベータ版のアップデートで style() 関数の対応しています。 前々からContainer Queriesは、CSS設計を変革させる機... 続きを読む

CSS の Container Queries おためし - 見返すかもしれないメモ

2021/04/25 176 users CSS div コンテナクエリ メモ メディアクエリ

CSS に、コンテナクエリという機能があるらしい。 メディアクエリでは画面全体の大きさに応じて要素のスタイルを変えることができたけど、コンテナクエリを使うと当該要素の親の大きさに応じてスタイルを変えられる。 /* メディアクエリの例 */ /* 画面幅が 400px 以下だったら、div を赤くする */ @media screen and (m... 続きを読む

Container Queriesという手法 / CSS Advent Calendar 2019 | Web Design KOJIKA17

2019/12/23 9 users Media Queries レイアウト 手法 みなさん

Container Queriesという手法 / CSS Advent Calendar 2019 2019-12-23 Container Queriesを知っていますか？ Media Queriesに依存せず、コンテンツにあわせてレイアウトを変化させるを手法です。 Container Queriesとは レスポンシブwebデザインを行う時、みなさんはMedia Queriesを使用していると思います。 ブレークポ... 続きを読む