10

我偶然发现了一个非常奇怪的问题，我正在构建一个 HTML 模型，它在 localhost 的所有主要浏览器中都运行良好，但是当我将它上传到服务器时，事情变得很奇怪。

当我在Chrome或Safari中从服务器加载我的网站时，标题（看起来我需要从本地主机）显示扭曲。但是当我重新加载页面时，它可能会正常显示。

两个位置的代码是相同的。服务器正在运行 apache 2.2.16

4

3 回答 3

12

它来自从Adblock Plus附加组件注入的 CSS。停用附加组件可以解决我在 Chrome 中的问题。

这是在关闭后立即从 Adblock Plus 注入的</body>：

<link rel="stylesheet" type="text/css" href="data:text/css,">
于 2012-09-07T18:04:08.313 回答
2

您的测试服务器对我来说看起来不错。

不过，有两件事（独立于 Apache）浮现在脑海中：

  1. 您是否考虑过浏览器缓存？当您更新 CSS 文件时，有时浏览器会使用旧的缓存版本的文件。有关这方面的提示，请参阅此问题。

  2. 文件和文件夹权限。上传到 Web 服务器时，权限通常会在每次上传时被覆盖，并且无法从正在运行的 Apache 进程访问相关文件（例如 CSS 或 javascript 文件）。

    我chmod -R 755 /path/to/my/webfolder/经常跑步...

如果这仍然不起作用，我会查看 Apache.conf 文件，看看 localhost 和公共服务器之间是否存在任何差异。想不出它会是什么......权限差异可能......

于 2012-09-07T17:21:55.477 回答
2

我想我找到了罪魁祸首（它现在每次都在我的本地 apacheserver 上工作）：

.headblock {
    float: right;
    width: 650px;
}

（我删除了height: auto;）

我还发现了一篇关于height: autoChrome 中问题的帖子，http://productforums.google.com/forum/#!topic/chrome/ ikmnUr22cyI。那里没有关于它被修复的反馈。

不是这样。我简化了页面并上传了一个小提琴http://jsfiddle.net/KqVJ9/进行测试。

固定的？

它的这个更新版本http://jsfiddle.net/KqVJ9/3/一直为我工作。填充/边距可能与原始版本不完全相同，但我留给您修复的那些调整。:)

于 2012-09-07T17:31:13.903 回答