这是我十个月来第一次寻求这样的帮助，因为到目前为止，我总是能够找到答案或找出答案。谢谢你的时间和帮助。
我花了无数的时间为我的妹妹建立这个网站，她正在创业，我已经完成了一切。在本地，它是完美的，但在Heroku只有桌面版本工作，没有任何媒体查询。我不使用框架-只是JavaScript, HTML, CSS, NodeJS/Express。我以前也在heroku上托管过同样的应用程序，但那一次，因为我还是个新手，我把我的两个页面设计成67%缩放。我找不到让PUG页面以这种方式呈现的方法，所以我不得不为这些页面重新设计样式。
在此之前，只有手机版本可以运行，而桌面版本则不行。现在，只有桌面版能用，手机版不行……我梳理了我的代码，css和节点，并尝试了各种修复，从调整我提供静态文件的路由到在样式链接前面插入句号和反斜杠。
这里是github的链接:https://github.com/MagentaSpruce/nettlesHerbs
我已经检查了我能找到的所有谷歌答案-我在两个单独的文件中有超过6000行CSS，所以在视图中使用代码将是一个可怕的和最后的选择
再次，一切工作在本地，我认为这只是一个英雄问题，但我需要帮助在这一点上。这是一个大项目，这是我第一次在这里发帖
下面是一个媒体查询的例子:
@media only screen and (min-width: 1224px) {.nav-link {font-size: 6rem;}
<link rel="stylesheet" href="css/style2.css" />
link(rel='stylesheet' href='/css/style2.css')
我在所有相关文件的头部都有相同的元标记，包括。index和。pug:
meta(name='viewport' content='width=device-width, initial-scale=1.0')
我的文件树有一个公共文件夹:public ->css→样式表在这里
这是我如何提供静态文件:app.use(express.static(path.join(__dirname, 'public')));
我已经尝试使用/public
I have try ./public/css/style2.css I have try ./css/style2.css I have try/public/css/style2.css任何时候我使用public都没有任何样式在heroku中工作。如果我使用。/css或/css，那么桌面样式显示得很好，当我进入google dev时，它会显示媒体查询，但是当我使用heroku或从我的dev站点使用移动设备访问该站点时，该站点非常糟糕-桌面版本挤压到移动设备上，响应速度为0。
请让我知道我还需要在这里提供什么。我无意冒犯，但我妹妹依靠我来为她的生意做这件事，我愿意为一个可行的解决方案买单。请帮助!
对于那些像我一样在同情和绝望中挣扎的可怜的灵魂，不要害怕!我想明白了!!
现在-如果你正在使用一个框架，好吧，IDK -也许它工作，也许它不工作。
然而!如果您使用的是nilla，那么请检查您的媒体查询。Heroku构建过程将使更复杂的高级媒体查询，如这一个，导致他们不显示!-即使一切工作完美的谷歌开发!流氓!
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {}
所以如果你想做这样的事情，好吧-不会在Heroku上工作。相反，只需将其简化如下，
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
，瞧，您的媒体查询现在将在您的heroku部署上工作。Weeee !
谢谢朋友!