断点响应式
- xs 超小:0px
- sm小:600px
- md中:900px
- lg大:1200px
- xl超大:1536 像素
- 匹配大于md的宽度
theme.breakpoints.up('md')
- 匹配小于md的宽度
theme.breakpoints.down('md')
- 只匹配md响应式宽度
theme.breakpoints.only('md')
- 匹配除了md响应式宽度
theme.breakpoints.not('md')
示例
- 例子1:
[theme.breakpoints.up('sm')]: {
width: '15ch',
'&:focus': {
width: '20ch',
border: '1px solid #2c88ff',
},
},