如何更改 Material-UI 似乎适用于其所有组件的默认填充答案

【问题标题】：How do I change the default padding that Material-UI seems to apply to all its components如何更改 Material-UI 似乎适用于其所有组件的默认填充
【发布时间】：2020-09-08 01:19:11
【问题描述】：

例如，AppBar 组件默认情况下不会覆盖整个区域，我查看了文档和谷歌但找不到解决方案。

我还尝试为我的 Layout 组件更改 createMuiTheme 中的间距，该组件最后包括 AppBar 和 {props.children}。这似乎没有任何作用。

Tl;dr ：我希望应用栏和所有其他组件覆盖整个屏幕，将整个屏幕用作 flex 而不填充默认情况下似乎添加到其中的 material-ui。

【问题讨论】：

标签： css reactjs material-ui frontend

【解决方案1】：

这是 html 文档的body 给出的边距。您必须应用以下样式：

body {
  margin: 0;
}

如果您使用的是 material-ui 提供的 JSS 解决方案，请在您的根样式对象中添加以下内容：

{
  // ...

  '@global': {

    // ... global styles here

    body: {
      margin: 0,
    }
  }
}

【讨论】：

谢谢！这解决了它，但我仍然需要知道，为什么有默认边距，它到底是由材料 ui 应用的？如果您需要知道答案，我可以与您分享代码。
没有它没有被material-ui应用，也没有反应。这是 html 页面的默认行为。可能是浏览器给的。
这很奇怪，因为当我只创建一个没有样式的 index.html 页面时，没有边距或填充。
<!DOCTYPE html> <html> <body>Hello</body> </html> 这给了我保证金。
我刚试过，它确实发生了，一定是错误的记忆，我的错。