React Material UI Grid 超大全屏

Question

使用Material UI Grid 时，它有超大的全屏并生成水平滚动条，如何解决？

const styles = theme => ({ root: { flexGrow: 1,}, paper: {  padding: theme.spacing.unit * 2,textAlign: 'center',color: theme.palette.text.secondary,},});

生成类似水平滚动条

Answer 1

经过太多的测试，我解决了这个问题，将间距 24 更改为 16，因为孩子有 12，我希望这对某人有帮助

  <Grid container spacing={16}>

没有水平滚动条