Heroku App 不显示与 localhost 相同的定位/css

Question

我的本​​地托管网站存在正确的 CSS/定位问题，但在将其部署到 Heroku 后，它似乎丢失了一些 CSS。我主要运行 MERN Stack。我怀疑这将是一个与我的 node_modules 相关的问题，但我将它们放在我的 git ignore 中，并且在该领域不是很了解。我最好的例子是我的关于我们页面。我从来没有遇到过这个问题，并且只找到了有关 Rails 项目有这个问题的信息。我尝试卸载/重新安装引导程序并将 CDN 添加到 index.js 文件中。任何帮助将不胜感激。

Deployed Site Screen Cap

Locally Hosted Screen Cap

Updated Deployed Site Screen Cap

Updated Locally Hosted Screen Cap

更新： 发现这个 CSS 库非常有用，并帮助修复了我在生产中不稳定的 CSS。 https://meyerweb.com/eric/tools/css/reset/

Answer 1

可能是你的缓存问题。

这可能是一个问题，因为 VH（视口高度）属性。它会根据屏幕高度而变化。

• 视口 = 浏览器窗口大小。如果视口宽 50 厘米，则 1vw = 0.5 厘米。

我刚刚看到您的代码，似乎您正在为.about-wrapper 使用静态高度。

在你的情况下，你应该删除 .about-wrapper 选择器的 height 属性。