material-ui排版的动态字体大小

Question

是否可以使用Material-UI的Typography元素动态更改字体大小，以便在容器或Typography元素具有固定宽度时使文本适合容器？

就像120像素框中有很多文本一样，它会缩小字体大小以适合它。

Answer 1

您可以在框中计算字母，然后进行一些事件，如果字母> someNumber触发事件 示例：

    ... check isLotfText func
      <Typography
        variant={isLotofText ? 'h3' : 'h6'}
        color='textSecondary'
      />