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
标签:--------,lg,xl,material,Breakpoints,ui,sm,xs,断点 来源: https://blog.csdn.net/qq_27868061/article/details/118914800