主要ブラウザが対応になった!コンテナクエリって?
こんにちは。YUIDEAでマークアップエンジニアをしているtanabeです。
今回は2023年の中頃から主要ブラウザに対応したコンテナクエリについて、自分の学習がてらざっくり書かせていただきます。
※認識違いなどありましたらコメントなどで教えていただけたら幸いです!
使用可能なブラウザはCan I useからご確認いただけます。
コンテナクエリとはざっくりご説明すると、ビューポートの幅ではなく、コンテナの幅(親要素など)を基準にスタイルを変更できるcssです。
メディアク