質問: material-uiのレスポンシブタイポグラフィ? 一般に、デザインにはモバイルデザイン用の小さい見出しフォントがあります。material-uiには、タイポグラフィを反応させるメカニズムがありますか?デフォルトのテーマにはレムで定義されたフォントサイズがあります-それはベースフォントサイズを小さくするだけのことですか? (それはうまくいかないようです。見出しフォントを異なるレートで減らしたい場合はどうでしょうか)。
回答: 更新mui v4にはレスポンシブなタイポグラフィが組み込まれています!詳細については here を確認してください。古い応答@lukeの答えは素晴らしい。 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 これが誰かに役立つことを願っています!