breakpoints.up、breakpoints.down、 breakpoints.between和之间有什么区别breakpoints.value？这段代码是什么意思，断点值在这里是如何工作的？是theme.spacing.unit*2*2 = theme.spacing.unit*4 还是有别的意思？
[theme.breakpoints.up(600 + theme.spacing.unit * 2 * 2)]: {
width: 600,
marginLeft: 'auto',
marginRight: 'auto',
},
材料使用以下断点集。您可以在主题中自定义此断点的值。
断点是具有特定布局要求的预定屏幕尺寸范围。
- xs（超小）：0px 或更大
- sm（小）：600px 或更大
- md （中）：960px 或更大
- lg （大）：1280px 或更大
- xl （超大）：1920px 或更大
您询问的 ( up, down, between)函数是使用主题中定义的断点创建媒体查询的助手。
注意：breakpoints.up()并且breakpoints.down()也接受一个数字，它将被转换为像素。其他方法则不然。
创建一个最小宽度媒体查询，其目标屏幕尺寸大于或等于给定的断点。
// Styles will be applies to screen sizes from "sm" and up
[theme.breakpoints.up('sm')]: {
// styles
}
取一个断点名称并创建一个最大宽度媒体查询，该查询的目标屏幕大小不超过给定的断点并包括给定的断点。
因为这是包含的，max-width 将是下一个断点的值。
// Styles will be applies to screen sizes from 0 up to and including "md"
[theme.breakpoints.down('md')]: {
// styles
}
带两个断点的名字，并创建一个媒体查询目标筛选从第一个断点大小，最多和包括第二个断点。
// Styles will be applies to screen sizes from "sm" up to
// and including "lg"
[theme.breakpoints.between('sm', 'lg')]: {
// styles
}
包含主题中定义的断点值的对象
{xs: 0, sm: 600, md: 960, lg: 1280, xl: 1920}
该函数用于获取特定断点的值。
theme.breakpoints.width('sm') // => 600