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

问题描述

Material-UI Grid Component基于flexbox，效果很好。但是，我试图了解与CSS Grid相比，使用它是否有任何好处，后者也非常易于使用。我实际上更喜欢CSS Grid，但是我不想使用它来破坏系统的其余部分。它是否以任何方式干扰了Material UI的其余部分？

有什么见解？预先感谢。

解决方法

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

在我自己的应用程序中，很多情况下Material-UI的Grid组件很容易提供所需的布局，我们继续使用它，而在其他情况下，Grid只会进入我们直接使用flexbox CSS的方式（目前，我们的应用仍支持IE 11，因此我们从未使用CSS Grid，尽管我希望将来可以更改支持的浏览器，以便我们可以使用CSS网格）。