偽のコンテナクエリを最小限に抑えます

実際のコンテナクエリはますます表示されています。 Googleは現在、David Baronが提案し、Miriam Suzanneが洗練した構文を実験しています。コンテナクエリ値ベースの機能と同様に、 switch()構文を使用した初期のプロトタイプはすでに存在しています。 Ravenメソッドのような既存の手法は、同様の機能を提供します。これらのアプローチは、時間とともに進化する可能性があります。

即時のソリューションのために、JavaScriptベースの方法が一般的に使用されます。これらの方法は、コンテナの幅を監視し、スタイリングフック（クラスなど）を適用します。最小限のアプローチの簡単な概要は次のとおりです。

• Philip Waltonの方法： ResizeObserverを使用してサイジングを追跡し、スタイリングにクラスを適用します。
• ヘイドンピカリング<watched-box></watched-box>Webコンポーネント： ResizeObserverを使用してサイジングを監視し、クラスを適用します（Resizeasaurusと互換性があります）。
• スコット・ジェールズ<c-q></c-q>Webコンポーネント： Leverages ResizeObserverサイジングを監視し、スタイリングにデータ属性を適用します。
• Eric Portisの条件クラス： ResizeObserverとCSSカスタムプロパティを使用して、スタイリングにクラスを適用します。

Tommy HodginsのEQCSSは、カスタムCSS構文を解析することにより、コンテナクエリ機能（他の機能の中でも）を提供します。ただし、標準以外のCSS構文への依存により、最小限で潜在的に問題が発生します。

以上が偽のコンテナクエリを最小限に抑えますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。