Material UI 是否已经支持 CSS 容器查询？

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries

Container queries for CSS都是最近的。是MUI 5.0已经能够使用它们了吗？不幸的是，SxProps没有它们。是否可以将其应用到 MUI 世界而无需进一步添加CSS课程？

不幸的是，我在他们的文档或其他地方找不到任何内容。

If MUI目前不提供该功能，是否有另一种方法可以使用它们React无需添加额外的CSS类。React也不支持他们以及它的CSSProperties.

我只是运气好而已！与一些嵌套属性一样，打字稿支持有点下降，但没有什么阻止我尝试???? 但是，我会将其与polyfill因为在撰写本文时，只有一个Can I Use 的使用率为 76%.

我从一篇 css 技巧文章中找到了灵感：一个可以正常工作的新容器查询 Polyfill。我使用了他们的方法在我的脚本标签中添加了polyfillindex.html因此它只会在需要时加载，并且不会不必要地影响支持浏览器

这是 css 如何为我工作的示例：

const Container = styled("div")(() => ({
  containerType: "size",
}))

const Card = styled("div")<{ borderColor: string }>(
  ({ theme, borderColor }) => ({
    backgroundColor: theme.palette.background.paper,
    ["@container (min-width: 700px)"]: {
      backgroundColor: "red",
    },
  })
)

const Example: React.FC = () => {
return (
  <Container>
    <Card />
  </Container>
 )
}