React Material UI网格超大全屏

Question

与Material UI Grid一起工作，这有超大的全屏和生成水平滚动条，如何可以修复它？

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

像horizontal scroll bar一样生成

Answer 1

我也有同样的问题。了解使用minHeight: "100vh"解决此问题

root: {
  minHeight: "100vh",
}

where i found this solution

这句话也行得通：

root: {
  position: 'fixed',
  width: '100%',
  height: '100%',
  left: 0,
  top: 0,
  zIndex: 10,
}

where i found this solution

Answer 2

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

  <Grid container spacing={16}>

Without horizontal scroll bar