使用相同代码的网站在开发环境和生产环境之间显示不同的CSS

对于我创建的以下网站：ifrs.site（具有自定义主题的WordPress网站，如果这很重要的话），当浏览器窗口未在桌面上最大化或在移动设备上查看时，页脚的内容会重叠。我在开发环境中修复了这个重叠问题，但是使用与开发网站相同的CSS代码的live网站最终会出现更糟糕的重叠

差异的原因是什么？您可以在github repo:、dev files和master的两个分支中看到代码的差异。master上的内容是站点当前使用的内容

我在Windows10上的开发环境中使用了Local by Fleel，而CSS是在nodejs上使用网页包配置运行的

编辑：根据Aliqua的请求，我添加了我调用的wp_enqueue_样式函数来加载CSS:

wp_enqueue_样式（'our-main-styles'，get_theme_file_uri（'/bundled assets/styles.ba56d06f1165353bc3.CSS'）

样式之间的部分…只要在命令行中运行npm run build，css就会更改，具体取决于css可能附加在源代码a
？ver=1.0.0
或类似代码中的设计/设置。这意味着，如果您进行了更改但未更新版本，它仍会从缓存中调用原始文件

一些开发人员通过将数组的
enqueue_script（）
version部分设置为
date（）
（包括带有小时-分钟-秒的时间）函数来克服这一问题。这意味着每次刷新页面时，版本都不同，并且不会从缓存中调用css的旧版本

在代码中搜索有关css的排队脚本行，看看是否可以将date（）设置为版本值

有关更多信息，请参阅

更新：
根据您的更新，您可以将其替换为类似的内容

wp_enqueue_style( 'our-main-styles',
    get_theme_file_uri('/bundled-assets/styles.ba56d060f11656536bc3.css'),
    array( $parent_style ), // remove if there is no parent style
    date("His")
);

参考wp_排队_样式-

最后的想法：
请注意，事实上，这个答案可能不像我试图确定您的问题那样是实际的解决方案。请参阅以熟悉有关wordpress开发的介绍信息。如果你想对你的wordpress CMS做更多的修改，你需要对如何进行修改有一个基本的了解。请将您的一些研究重点放在插件创建、处理子主题以及如何创建您自己的自定义函数上。这样你就可以写出更好的问题，并在将来对答案采取行动

祝您开发顺利。
因此我在functions.php文件中调用了wp_enqueue_样式。这是否意味着我应该添加新的CSS，然后在enqueue脚本调用中更改版本控制？我使用的是来自nodejs的捆绑脚本，因此在开发环境中，每当npm run dev运行时，被调用的CSS文件的名称就会不断变化。谢谢，我知道你让我走上了正确的道路，但是我不知道如何有效地使用这些信息，因为没有更多的信息。我在你问汉克斯的时候加上了，我想你已经回答了我的问题。我没有意识到排队风格会是一个问题，因为本地的nodejs构建，因为当站点上线时，样式才起作用。出于好奇，我该如何更好地表达/撰写我的问题？请看一下stackoverflow的支持部分，也可以看看这里提出的其他问题，并给出良好的回答。你会很快捡起来的。快乐编码！：）