material-ui入门之定制化Breakpoints

文档：https://material-ui.com/zh/customization/breakpoints/

1.默认断点

每个断点（一个键）匹配了一个固定的屏幕宽度（一个值）：

• ** xs， ** 超小：0px
• ** sm， **小：600px
• ** md， **中等：960px
• ** lg， **大：1280px
• ** xl， **超大：1920px

这些断点值用于确定断点范围。 一个断点范围包含了起始的断点值，不包含终止的断点值。

value         |0px     600px    960px    1280px   1920px
key           |xs      sm       md       lg       xl
screen width  |--------|--------|--------|--------|-------->
range         |   xs   |   sm   |   md   |   lg   |   xl

2.media query方法

material-ui的theme.breakpoints下提供了一系列生成media query查询字符串的方法

这些方法的使用并不都像字面意思那样

2.1 up