Responsive design 带断点的材质ui变量：rem vs px

我在“默认变体”部分的主题排版中定义了以下h4：

h4: {
  fontSize: 20,
  [`@media (max-width: 768px)`]: {
    fontSize: 20,
  },
},

当我在

排版

元素上使用

h4

变量时，它将转换rem中的值，我希望这是很好的。但是，当涉及到断点下的值时，以样式结束的值是

20px

（IRL，值会不同，我使用相同的值来简化示例） 主题是使用

responsiveFontSizes（createMuiTheme（…）

为什么它只将值转换为rem一次？我希望在两种情况下都有rem值，而不必在第二种情况下使用

pxToRem