概念Container Queries
容器查询
CSS特性，允许组件根据自身所在容器的尺寸而非视口宽度来调整样式，使组件在不同布局位置自动适配，强化内容与样式分离理念
时间轴 (近 90 天)
9月19日
启用容器查询需要在父元素上声明 container-type: inline-size（或同时指定 container-name）
待验证50%
9月19日
容器查询内联单位 cqi 等同于容器内联尺寸的 1%，只有找到最近的已声明容器时才参照该容器，否则退回参照视口
待验证50%
9月19日
若不显式声明容器，容器查询单位会退而参照视口，产生与使用视口单位完全相同的拉伸区问题
待验证50%
9月19日
当多个元素各自被声明为容器时，相同的字号声明会因参照各自容器尺寸而渲染出不同字号
待验证50%
9月19日
在 wrapper 直接子元素上重新声明已注册的长度类型属性 --step-2，会将字号计算基准固定在 wrapper 的容器尺寸上，从而保证跨容器字号一致
待验证50%
全部知识事实 (5)
待验证
启用容器查询需要在父元素上声明 container-type: inline-size（或同时指定 container-name）
50%待验证容器查询内联单位 cqi 等同于容器内联尺寸的 1%，只有找到最近的已声明容器时才参照该容器，否则退回参照视口
50%待验证若不显式声明容器，容器查询单位会退而参照视口，产生与使用视口单位完全相同的拉伸区问题
50%待验证当多个元素各自被声明为容器时，相同的字号声明会因参照各自容器尺寸而渲染出不同字号
50%待验证在 wrapper 直接子元素上重新声明已注册的长度类型属性 --step-2，会将字号计算基准固定在 wrapper 的容器尺寸上，从而保证跨容器字号一致
50%