我不明白为什么我们需要为 10px 的简化做这个：
html {
font-size: 62.5%; /* 62.5% of 16px = 10px */
}
下面的代码不应该做所有的工作吗？
const theme = createMuiTheme({
typography: {
// Tell Material-UI what's the font-size on the html element is.
htmlFontSize: 10,
},
});
先感谢您。
主题中的htmlFontSize属性不控制元素的字体大小；它只是告诉 Material-UI 你在它上面使用了什么尺寸。Material-UI 然后使用该大小来控制它在确定所有不同排版变体的字体大小时如何将 px 单位转换为 rem 单位。typographyhtml
您可以修改 CSS 基础。
export const theme = createMuiTheme({
overrides: {
MuiCssBaseline: {
'@global': {
html: {
fontSize: '62.5%'
}
}
}
}})