最小的偽造容器查詢

真正的容器查詢似乎越來越可能。 Google目前正在嘗試David Baron提出的語法和Miriam Suzanne提出的語法。使用switch()語法的早期原型已經存在，類似於基於容器查詢值的功能。諸如Raven方法之類的現有技術提供了類似的功能。這些方法可能會隨著時間的流逝而發展。

對於即時解決方案，通常使用基於JavaScript的方法。這些方法監視容器寬度並應用樣式鉤（例如，類）。這是最小方法的簡要概述：

• 菲利普·沃爾頓（Philip Walton）的方法：僱用ResizeObserver來跟踪尺寸併申請造型課程。
• 海頓·皮克林（Heydon Pickering）<watched-box></watched-box> Web組件：利用ResizeObserver監視尺寸和應用類（與Resizeasaurus兼容）。
• 斯科特·傑爾（Scott Jehl）<c-q></c-q> Web組件：利用ResizeObserver監視尺寸並應用數據屬性進行樣式。
• ERIC PORTIS的條件類別：使用ResizeObserver和CSS自定義屬性用於造型類。

Tommy Hodgins的EQCS還通過解析自定義CSS語法提供了容器查詢功能（除其他功能）。但是，它對非標準CSS語法的依賴使其降低了最小和潛在的問題。

以上是最小的偽造容器查詢的詳細內容。更多資訊請關注PHP中文網其他相關文章！