CSS从开发环境到Web服务器不同答案

【问题标题】：CSS different from development environment to web serverCSS从开发环境到Web服务器不同
【发布时间】：2016-01-30 21:30:41
【问题描述】：

我昨天刚刚在服务器上放了一个网页，有些东西与开发环境中的不同。有一些颜色不同的东西，但我最关心的是 jQuery 自动完成搜索小部件是如何出现的。它不再像以前那样看起来像一个下拉列表。它以带有透明背景的项目符号格式显示。我记得当我第一次在开发阶段安装小部件时修复了这个问题。我发现了另一篇关于类似问题的帖子here，但一切都指的是 IE8。我的问题出现在 Chrome 中。有什么建议吗？

【问题讨论】：

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定问题或错误和在问题本身中重现它所需的最短代码。没有明确的问题陈述的问题对其他读者没有用处。请参阅：How to create a Minimal, Complete, and Verifiable example。
您的生产环境中的所有路径是否仍然正确？打开开发工具（F12）并检查网络面板，看看是否有资源没有加载。
@TimothyGroote 我只有一个关于fabric.js的警告。设置小部件样式的 CSS 文件存在，但显示为空白

标签： jquery html css google-chrome internet-explorer-8

【解决方案1】：

事实证明，浏览器或任何文件都没有问题。问题是我的服务器没有返回正确的 MIME 类型。稍后配置文件中的一行代码，服务器重新启动，问题就解决了。感谢大家的帮助！

【讨论】：

【解决方案2】：

听起来您没有推送每个文件，也许您错过了 .css 或 .js 文件？或者服务器上此类文件的路径不同？在 chrome 中打开控制台 (CTRL+SHIFT+I) 并查找 404 错误或丢失的文件。

【讨论】：

看起来您可能正在做某事。我去检查元素-> 源并选择了样式小部件的 CSS 文件。当文件存在时，它似乎是空白的。不知道为什么。
也许只是再次上传该文件并确保它是最新版本，如果您使用诸如 grunt 或 ruby 之类的东西来缩小，请确保您没有收到任何错误
不走运。我转到从中提取和检查 CSS 文件的文件目录，它已被填充和最新版本。好像 Chrome 不会有它。
之后也没有变化
当我从托管它的机器上运行 Firefox 时，它工作得很好

【解决方案3】：

尝试检查浏览器控制台是否有任何错误或 404。另外，请关闭 adblocker 或其他此类插件，因为它们可能会因其文件名而阻止某些正在加载的文件。

【讨论】：

Chrome 有没有这些默认设置？
F12调用开发者工具，顶部有Console标签。要检查任何扩展，请转到设置->扩展。