TailwindCSS 断点未触发

【问题标题】：TailwindCSS breakpoints not triggeringTailwindCSS 断点未触发
【发布时间】：2021-09-10 05:07:20
【问题描述】：

所以我有一个 h1，我想在达到中等断点 (md) 后更改其大小。

<h1
          className="text-7xl md:text-8xl text-white "
          style={{ fontFamily: "Yellowtail" }}
>

由于某种原因，它仅适用于 7xl，并且在我调整窗口大小时不会改变。我也尝试过其他元素，似乎从未触发过断点。

我不知道是否值得注意我也在使用https://material-tailwind.com/。

【问题讨论】：

【解决方案1】：

如果您使用默认安装顺风，那么它将支持从text-sm 到text-9xl。因此，请在您的代码中显示您的 tailwind.config.js 和主 css 文件（index.js 或 App.js）以获得更详细的建议。

还要检查你的text-color，现在你定义为white，所以如果你的背景颜色是白色的，那么你不能什么都没有，所以用delete text-white或改变其他颜色来测试。祝你好运！ :)

<h1 className="text-7xl md:text-8xl" style={{ fontFamily: "Yellowtail" }}>HH</h1>

【讨论】：