手机设计通常使用较小的标题字体.
MUI是否有一种机制可以使排版更具响应性?
我看到默认主题的字体大小是在rems中定义的——这是否意味着只是缩小基本字体大小的问题?(这似乎不起作用,如果你想以不同的速度减少标题字体怎么办).
手机设计通常使用较小的标题字体.
MUI是否有一种机制可以使排版更具响应性?
我看到默认主题的字体大小是在rems中定义的——这是否意味着只是缩小基本字体大小的问题?(这似乎不起作用,如果你想以不同的速度减少标题字体怎么办).
Update
MUI v4内置了响应性强的字体设计!查看here了解详细信息.
Old response
@Luke's answer很棒.我想添加一些细节,使这项工作在实践中,因为breakpoints和pxToRem都可以在主题对象上访问...这就成了鸡和蛋的问题!我的方法是:
import { createMuiTheme } from "@material-ui/core"
const defaultTheme = createMuiTheme({ ... customisations that don’t rely on theme properties... })
const { breakpoints, typography: { pxToRem } } = defaultTheme
const theme = {
...defaultTheme,
overrides: {
MuiTypography: {
h1: {
fontSize: "5rem",
[breakpoints.down("xs")]: {
fontSize: "3rem"
}
}
}
}
}
export default theme