TailwindCSS 断点未触发

Question

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

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

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

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

Answer 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>