コンテナクエリの使い方

CSS 📅 2026年5月2日 👤 学習者さん

💬 質問

コンテナクエリとメディアクエリの違いは何ですか?

✅ 回答

メディアクエリはビューポート(画面全体)のサイズで判定しますが、コンテナクエリは親要素のサイズで判定します。container-type: inline-sizeを親に設定し、@container (min-width: 400px)のように書きます。コンポーネント単位でレスポンシブにできるのが利点です。

解決しなかった?

エンジニアに質問する →
← 他の質問を見る

⚠️ 関連するエラー

📖 関連する用語