reactjs - 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,},});

生成喜欢 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