Container Query

• Chrome 105+ - LayoutNG M105
• mdn CSS Container Queries
  • 容器
    • container: <type> <name>
    • container-type:
      • size - inline-size + block-size
      • inline-size - 宽
      • block-size - 高
      • style
      • state
    • container-name - 自定义名字
  • 元素
    • @container (<query>)
      • min-width - inline-size
• caniuse CSS Container Queries
• Chrome Feature: Container Queries
• GoogleChromeLabs/container-query-polyfill
  • 重写 现在的 CSS - 不好用