如何解决是否可以使用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网格)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。