是否可以使用 CSS Grid 代替 Material UI 的网格组件？

Question

该材料的UI组件并网基于Flexbox的，而且运作非常良好。但是，我试图了解使用它与 CSS Grid 相比是否有任何好处，CSS Grid 也非常易于使用。我实际上更喜欢 CSS Grid，但我不想通过使用它来破坏系统的其余部分。它是否会以任何方式干扰 Material UI 的其余部分？

任何见解？提前致谢。

Answer 1

Grid 组件提供的主要好处（与直接使用 flexbox 相比）是基于主题的断点道具（xs、sm、md 等）的便利性，可以轻松调整不同屏幕宽度的网格列数。如果您更喜欢 CSS Grid（并且您不想支持 IE 11）或直接使用 flexbox，则没有理由不使用它。Material-UI 中的任何内容都不关心您是否正在使用 Grid 组件。

在我自己的应用程序中，有很多情况下，Material-UI 的Grid组件可以轻松提供所需的布局，我们继续使用它，还有其他情况Grid会妨碍我们直接使用 flexbox CSS（目前，我们的应用程序仍然支持 IE 11，所以我们从来没有使用过 CSS 网格，尽管我期待将来我们更改支持的浏览器以便我们可以使用 CSS 网格）。