一些顺风课程不适用答案

【问题标题】：Some of the tailwind classes doesn't apply一些顺风课程不适用
【发布时间】：2021-04-17 05:09:16
【问题描述】：

我在我的 Next.js 应用程序中使用 Tailwind，它有时表现得很奇怪。我可以获得 99% 的课程，但在某些情况下课程根本不适用。举个例子，当我添加 h-48 产生 height:12rem; 时，它完全没问题，但是当它更改为 48 以上的数字时，它就不像 h-96 那样工作了。

另一个有问题的类是max-height。无论价值如何，它根本不适用。任何有意义的类都会发生同样的事情。例如m-h-0.5。

同时，如果我更改配置文件并将h-96 分配给任何值，它仍然适用。您认为什么可能导致顺风以这种方式行事？

【问题讨论】：

可能是一个错字，但要指出 max-height 在 TailwindCSS 中应用为 max-h-0.5。
感谢您的回答。我确信这不是错字，而是别的什么。

标签： reactjs next.js tailwind-css

【解决方案1】：

我刚刚遇到这个问题并找到了解决方法。

如果您的根目录中没有 postcss.config.js 配置，则会发生这种情况。这发生在我身上，因为我是从旧版本的 Tailwind 升级的，并且出于某种原因，最初没有生成配置。您可以使用 tailwind 生成一个新的 - 只需在您的根目录中运行以下代码。

npx tailwindcss init -p

【讨论】：