断点

断点被定义为不同的目标屏幕尺寸的最小宽度（包含），我们希望在这些尺寸上应用不同的样式。 考虑为您的断点命名，以便大致了解用户正在使用的设备类型。 断点可以通过单个值（宽度）或包含宽度和高度的对象来定义

const theme = createTheme({
  breakpoints: {
    phone: 0,
    longPhone: {
      width: 0,
      height: 812,
    },
    tablet: 768,
    largeTablet: 1024,
  },
});

请参阅响应式值部分，了解如何使用它们。 定义 breakpoints 是可选的，我们建议仅在计划使用它们时才定义，因为响应式值会带来性能损失（在列表中滚动时平均 FPS 降低高达 10%）。