internet-explorer - 什么可能导致不同 PC 上的相同浏览器以不同方式呈现相同的 HTML？

Question

我难住了。我和一个客户端都在 XP 机器上运行 Firefox 3.0.12。我们在不同的机器上用同一个浏览器查看同一个页面，得到不同的结果。注意:两台机器所有IE浏览器一致，我的FF 3.5.1和我的FF 3.0.12一致。 (他没有安装 FF 3.5.x 来比较)。

有 1 个像素的差异导致他的标题 div (所有图片，无文字)包裹。我的很好。如果我将他的标题扩大 1 px(通过 Firebug css 编辑)，它就可以工作。

所以我的问题是还有哪些其他变量会影响渲染？

我试图“跳出框框”思考，因为它似乎应该完全一样。

我们清除了浏览器缓存。我对 HTML 源进行了比较，除了 javascript 日期时间戳和 javascript 跟踪代码 var 之外，源是相同的。

我知道这个问题对来源有帮助，但我的客户特别不希望这个页面出现在互联网上。我还通过 webex session 验证了该问题。起初，我不敢相信我们会有不同的结果。

其他人以前遇到过这样的事情吗？接下来我应该检查/调试什么？

编辑:有很多建议指向字体，但标题只使用图像。好吧，这并不完全正确，有些 div 是可折叠菜单的一部分，但所有这些都设置为 display:none最初渲染，所以我认为这是别的东西。

编辑 2:我已经更改了计算机上的各种字体和大小(系统默认字体设置和 Firefox 中的)以尝试复制问题。我改变了渲染风格(标准与清晰类型)。纳达。 问题几乎肯定与字体无关。 我将不得不看看我是否可以获得对客户计算机的更多访问权限以复制问题。

Answer 1

由于我们无法在自己的浏览器中查看该站点，因此我将使用以下过程来确定问题:

开始删除代码块 一 block 一 block 地，直到两个浏览器看起来一样。

无论您上次删除的哪个代码块使所有内容都完美排列(即使您从正文中丢失了一个 block )，那是靠近罪魁祸首的地方。

既然你找到了罪魁祸首，就把所有的代码放回去。首先开始弄乱字体。更改字体、大小、删除文本等。直到找到浏览器相同的条件。 如果不是字体问题，请开始处理它的其他部分，直到找到与之匹配的条件。

一旦你这样做了，你就会知道你的问题，你可以解决它。