Minimale Einnahmen bei den Fällen von Behälteranfragen

Real Container -Abfragen erscheinen zunehmend wahrscheinlich. Google experimentiert derzeit mit einer von David Baron vorgeschlagenen Syntax und verfeinert von Miriam Suzanne. Es gibt bereits frühe Prototypen mit einer switch() -Syntax, ähnlich wie bei Container-Abfragen-Wert-basierte Funktionen, bereits. Bestehende Techniken wie die Raven -Methode bieten ähnliche Funktionen. Diese Ansätze werden sich wahrscheinlich im Laufe der Zeit entwickeln.

Für sofortige Lösungen werden häufig auf JavaScript-basierte Methoden verwendet. Diese Methoden überwachen die Containerbreite und wenden Styling -Hooks (z. B. Klassen) an. Hier ist ein kurzer Überblick über minimale Ansätze:

• Die Methode von Philip Walton: Verwendet ResizeObserver , um die Größe zu verfolgen und Klassen für das Styling anzuwenden.
• Heydon Pickering<watched-box></watched-box> Webkomponente: Verwendet ResizeObserver zur Überwachung von Größen und Anwenden von Klassen (kompatibel mit Resizeasaurus).
• Scott Jehls<c-q></c-q> Webkomponente: Nutzung von ResizeObserver , um die Größe zu überwachen und Datenattribute für das Styling anzuwenden.
• Eric Portis 'bedingte Klassen: Verwendet ResizeObserver UND CSS-Benutzerdefinierte Eigenschaften, um Klassen für das Styling anzuwenden.

Tommy Hodgins 'EQCSS bietet auch Container -Abfragefunktionen (unter anderem), indem die benutzerdefinierte CSS -Syntax analysiert wird. Das Vertrauen in die nicht standardmäßige CSS-Syntax macht es jedoch weniger minimal und potenziell problematisch.

Das obige ist der detaillierte Inhalt vonMinimale Einnahmen bei den Fällen von Behälteranfragen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!