最小的伪造容器查询

真正的容器查询似乎越来越可能。 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中文网其他相关文章！