主要观点：

• 容器查询在 2024 年 11 月约 93%的用户支持，但其在浏览器支持层面是否足够需具体分析。
• 评估使用新 CSS 特性时需考虑回退体验、浏览器细分和潜在危害三个因素。
• 回退体验方面，有些特性如text-wrap: pretty是渐进增强，支持低也可使用；而像overflow: clip需具体情况具体分析。
• 浏览器细分方面，caniuse 的数据来自 statcounter，但不同产品的受众可能不同，需了解自己产品受众的浏览器使用情况。
• 潜在危害方面，需考虑对不支持浏览器用户的影响，如对游艇租赁服务和医疗预约服务的影响不同。

关键信息：

• text-wrap: pretty可避免行末 emoji 孤立，约 72%支持，支持低也可用于生产作为额外福利。
• overflow: clip可实现单轴裁剪，约 93%支持，在纯装饰性使用时可权衡，否则可能导致后续内容难以阅读。
• 可通过提供多个值或@supports规则为不支持的浏览器提供自定义回退样式。
• 不同产品的受众浏览器使用情况可能不同，如作者博客受众中 Firefox 使用率较高，而在 Khan Academy 中 Internet Explorer 仍有一定比例。
• 以博客使用容器查询为例，约 97%的博客受众使用支持的设备，回退体验虽不佳但不影响主要功能，且博客服务非必需，综合考虑可使用容器查询，但不同产品情况可能不同。

重要细节：

• 作者的博客提供互动 CSS 课程CSS for JavaScript Developers，帮助构建对整个 CSS 语言的心理模型，作者多年深入理解 CSS 后有很大改变。
• 文中多处通过图片展示不同情况下的界面效果，如各种 CSS 特性应用前后的界面对比。