如何强制选项卡适应Material UI中的小空间？

Question

根据文档，我尝试了以标签为中心的fullWidth，似乎不起作用。如何迫使标签页重新调整为给定的屏幕尺寸？

我正在使用最新的Beta v23

Answer 1

我认为强制标签以适应较小的容器宽度的最简单方法是：

<Tab style={{ minWidth: 50 }} label="item" />

对于中型以上，默认最小值为160px，对于中小型尺寸的默认最小值为72px。

根据适合的大小，您还可以对填充和字体进行其他类型的覆盖。我在CodeSandbox上尝试了一些技术。

记住，我们越压缩标签，可用性越差。也应该有其他解决方法！例如，缩短标签文本，使用图标或进行重组。