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

Question

关闭。这个问题是opinion-based .它目前不接受答案。












想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文回答问题.

去年关闭。




Improve this question




Material-UI Grid Component基于 flexbox 并且运行良好。但是，我试图了解使用它与 CSS Grid 相比是否有任何好处，CSS Grid 也非常易于使用。我实际上更喜欢 CSS Grid，但我不想通过使用它来破坏系统的其余部分。它是否会以任何方式干扰 Material UI 的其余部分？
任何见解？提前致谢。

Answer 1

Grid 组件提供的主要好处(与直接使用 flexbox 相比)是基于主题的断点 Prop (xs、sm、md 等)的便利性，可以轻松调整不同屏幕宽度的网格列数。如果您更喜欢 CSS Grid(并且您不想支持 IE 11)或直接使用 flexbox，则没有理由不使用它。 Material-UI 中的任何内容都不关心您是否正在使用 Grid 组件。
在我自己的应用中，很多情况下Material-UI的Grid组件很容易提供所需的布局，我们继续使用它，还有其他情况 Grid只会妨碍我们直接使用 flexbox CSS(目前，我们的应用程序仍然支持 IE 11，所以我们从来没有使用 CSS Grid，尽管我期待将来我们更改支持的浏览器时的这一点，所以我们可以使用 CSS 网格)。