Media Query 失效时，Container Query 与 :has() 如何拯救组件响应式
media query 失效了：屏幕宽度 1200px 时，侧边栏卡片却因父容器太窄而溢出。 Container query 直接针对组件所在容器尺寸生效，:has() 则让父元素能根据子元素是否存在来切换样式，这些新特性把响应式从视口层下沉到组件层。 Container query 把响应式从视口下沉到组件容器 传统响应式完全依赖视口宽度。开发者写下 @media (min-width: 768px) 后，样式只看浏览器……
