如何将纸张的宽度扩展到最大宽度，但又保持柔韧性？

Question

在使用Material-UI的React应用程序中，如何将纸的宽度始终扩展到最大600px，而不管其内容的宽度小于或大于600px，但保持纸的灵活性，因此当纸的父级时容器的宽度缩小到小于600像素，纸张也沿着父对象缩小其宽度？

我目前有

editor.ReplaceNode(ctor, ctor.WithBody(ctor.Body.AddStatements(newStatement)));

...

const styles = theme => ({
  root: {
    flexGrow: 1
  },
  paper: {
    ...theme.mixins.gutters(),
    padding: theme.spacing.unit * 2
  },
});

为纸张指定600px的固定宽度不会获得理想的结果，因为当纸张的父宽度缩小到小于600px（例如，浏览器水平缩小）时，不能再弯曲的纸张将保持刚性至600px宽度。

Answer 1

您可以组合使用将width设置为“ 100％”和将maxWidth设置为600。

const styles = theme => ({
  root: {
    flexGrow: 1
  },
  paper: {
    ...theme.mixins.gutters(),
    padding: theme.spacing.unit * 2,
    width: "100%",
    maxWidth: 600
  },
});