文档: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查询字符串的方法
这些方法的使用并不都像字面意思那样