Max Böck 接受了我的挑战，让我查看一个代码库，看看有多少个 @media 查询最终可以变成 @container 查询。
我接受了挑战，查看了一些我的项目——是的，我今天使用
@media的大部分内容可能最终可以通过@container完成。 尽管如此，我还是发现了一些我认为媒体查询仍然必不可少的场景。
Max 没有确切地说会替换多少个，但我印象中大概是 50/50。
这两种技术结合起来可能是最好的前进方式。
@media可以处理全局内容、用户偏好和全局样式；@container将负责组件本身的所有微调。一个完美的团队！
我还认为，重构现有 CSS 代码库时我们所做的事情，与从头开始构建时所做的事情会有很大的不同。 我们第一次获得容器查询时所做的事情，与多年后新模式稳定下来时所做的事情也会有所不同。 我一直看好组件是前端开发的正确抽象。 最近的一切似乎都在推动我们朝着这个方向发展，从 JavaScript 框架和原生组件，到容器查询和样式范围。