小编ort*_*omy的帖子

当所有版式变体都是“rem”时,fontSize 主题设置的目的是什么?

Material UI Typography 设置的文档(https://mui.com/material-ui/customization/typography/)令人困惑并且没有真正的意义:

MUI 使用 rem 单位作为字体大小。浏览器元素默认字体大小为 16px,但浏览器可以选择更改此值,因此 rem 单位允许我们适应用户的设置,从而获得更好的可访问性支持。用户出于各种原因更改字体大小设置,从视力不佳到为尺寸和观看距离差异很大的设备选择最佳设置。

要更改 MUI 的字体大小,您可以提供 fontSize 属性。默认值为 14 像素。

那么是哪一个呢?它使用 REM 还是使用字体大小作为版式变体的基础?如果您查看默认主题(https://mui.com/material-ui/customization/default-theme/?expand-path=$.typography),则所有变体都应该使用rem——文档甚至讨论了在 中自定义此值htmlFontSize

所以我真的很难理解fontSize主题设置的用途/目的?

typography reactjs material-ui

3
推荐指数
1
解决办法
8518
查看次数

标签 统计

material-ui ×1

reactjs ×1

typography ×1