Reactjs 如何"；比例尺；物料界面中的所有元素？

我正在开发一个应用程序，有些东西让我抓狂。在library页面（）上，所有组件都以合适的大小呈现

但在我的应用程序中，没有设置任何内容，所有内容都很小。大约一半大小：

我现在花了整整两天的时间试图渲染出正确的效果，更改fontSize或使用MUI覆盖属性，但它有很多共同的效果，比如填充或轮廓超出比例

有没有办法对梅说：“好的，我要所有的东西都放大一倍。填充、字体大小、效果等等。”

---

非常感谢

材质UI使用rem单位作为字体大小，rem单位与网页根元素的字体大小相关

因此，如果您可以更改网页根元素的字体大小，则所有材质UI组件都将根据值的变化“放大”或“缩小”

浏览器html元素的默认字体大小为16px。因此，如果您将其从16px更改为24px，那么所有材质UI组件也将以50%的比例放大，就像这样（在您的根css中）：

或者，您可以通过提供fontSize属性（默认值为14px）来更改材质UI的字体大小，如下所示：

const theme = createMuiTheme({
  typography: {
    fontSize: 12,
  },
});

材料界面文档中的更多信息：

---

材质UI使用rem单位作为字体大小。浏览器 元素默认字体大小为16px，但浏览器可以选择 更改此值，使rem单位允许我们适应用户的 设置，从而获得更好的辅助功能支持。用户改变 字体大小设置有各种原因，从视力差到 为不同的设备选择最佳设置 尺寸和视距

要更改材质UI的字体大小，可以提供字体大小 财产。默认值为14px

---

字体来源：

材质UI使用rem单位作为字体大小，rem单位与网页根元素的字体大小相关

因此，如果您可以更改网页根元素的字体大小，则所有材质UI组件都将根据值的变化“放大”或“缩小”

浏览器html元素的默认字体大小为16px。因此，如果您将其从16px更改为24px，那么所有材质UI组件也将以50%的比例放大，就像这样（在您的根css中）：

或者，您可以通过提供fontSize属性（默认值为14px）来更改材质UI的字体大小，如下所示：

const theme = createMuiTheme({
  typography: {
    fontSize: 12,
  },
});

材料界面文档中的更多信息：

---

材质UI使用rem单位作为字体大小。浏览器 元素默认字体大小为16px，但浏览器可以选择 更改此值，使rem单位允许我们适应用户的 设置，从而获得更好的辅助功能支持。用户改变 字体大小设置有各种原因，从视力差到 为不同的设备选择最佳设置 尺寸和视距

要更改材质UI的字体大小，可以提供字体大小 财产。默认值为14px

字体来源：