Tailwind Netlify - 本地站点看起来与部署不同

Question

我有一个非常基本的设置，没什么特别的，只是 HTML（没有 Vue 等）。我安装了 Tailwind，一切都在运行。当我部署到 Netlify 时，应用了 Tailwind 样式，但站点看起来仍然非常不同。我不清除，我使用“netlify deploy”命令。

以下是我的步骤：

1. 我改变了一些东西，观察者正在运行并输出 /dist 中的所有内容
2. 我使用 scss
3. 我在终端中运行“netlify deploy”

截图如下：

本地：

在 Netlify 上：

如您所见，图标之间的间距更大，我想知道这是为什么。当我检查代码时，它完全一样。我已经在这里待了几个小时，在我知道这个问题来自哪里之前，我无法继续。

我尝试过的事情：

1. 在顺风配置中添加了清除，没有帮助
2. 运行“netlify deploy --prod”，也没有帮助
3. 清除缓存

来源：

回购：https://github.com/RobineSavert/map-portfolio

Netlify：https://6190119577337c9293c65f02--ecstatic-thompson-9cf61b.netlify.app/

我在 Netlify 上的部署设置

谁能告诉我我做错了什么？非常感谢！

Answer 1

如果您希望结果与第一张图片相似，那么请在 line 30 上为您的图标进行包装：

<!-- from this -->
<div class="flex flex-wrap just m-16 py-3 justify-between">

<!-- to this -->
<div class="... justify-start">

会解决它，虽然我不确定just??