Hidden组件的⼯作原理.png
Breakpoints 组件
⼀个 breakpoint 就是⼀组预定义的屏幕尺⼨范围，它决定了特定了布局需求。为了最适宜的⽤户体验，material design要实现多屏幕适配。Material-UI对material design规范进⾏了简化实现。每⼀个breakpoint都会匹配⼀定范围的屏幕尺⼨。
1. xs, 特别⼩的屏幕，0px or larger
2. sm, ⼩屏幕，600px or larger
3. md, 中等屏幕，960px or larger
4. lg, ⼤屏幕， 1280px or larger
5. xl, 超⼤屏幕， 1920px or largerbox sizing
以上这些取值，在Material-UI中，还⽀持⾃定义。Material-UI⽀持媒体查询，根据屏幕尺⼨变化动态地变化元素样式。
有时候，仅使⽤ CSS 是不够的，你或许还需要在屏幕尺⼨发⽣变化时改变DOM内容。这个时候，可以使⽤ Material-UI 提供的 withWidth() 来实现。
四、⼯具
Modal 组件
⽤于创建对话框、lightbox 和 popover。
Popover 组件
⽤于给元素提供额外的展⽰/提⽰信息，类似于html元素的title属性。
Portal 组件
The portal component renders its children into a new "subtree" outside of current component hierarchy.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。