这是什么原因在不同的PC相同的浏览器以不同的方式呈现相同的HTML?(What could caus

2019-07-31 08:21发布

我难倒。 客户端和我都对XP机器上运行的Firefox 3.0.12。 我们在不同的机器上同一浏览器中查看同一页面,并有不同的结果。 注:所有的IE浏览器都在两台机器上的一致,我的FF 3.5.1是我的FF 3.0.12一致。 (他没有安装与比较FF 3.5.x的)。

有导致他的头球格(所有图像,没有内容)来包装一个1个像素的差异。 煤矿是好的。 如果我用1个像素(通过Firebug的CSS编辑)扩大他的头,它的工作原理。

所以我的问题是什么其他的变量有没有影响?渲染

我试图想“条条框框”,因为它似乎应该工作完全相同。

我们清除浏览器缓存。 我做HTML源上一个diff,并且比一个JavaScript日期时间戳和一个JavaScript跟踪代码其他变种,源是相同的。

我知道这个问题是有来源十分有帮助,但我的客户特别不希望此网页,在互联网上还没有。 我还通过WebEx会话验证的问题。 起初,我简直不敢相信,我们会有不同的结果。

任何人都遇到过这样的事情之前? 我应该怎么检查/调试下?

编辑:有很多指向字体的建议,但头只使用图像。 嗯,这不完全是这样,还有的div是一个可折叠的菜单的一部分,但所有这一切被设置为display:none了最初的渲染,所以我认为这是别的东西。

编辑2:我已经改变了我的电脑上各种字体和大小(系统默认字体设置,并在Firefox两者),试图复制的问题。 我改变了渲染风格(标准与清晰型)。 纳达。 问题是几乎绝对不是字体相关。 我得看看我是否能得到一些到客户的计算机更获得复制的问题。

Answer 1:

既然我们不能看一看在我们自己的浏览器的网站,这里要说的是,我会用尽量明确问题的过程:

  • 开始逐件删除代码块片,直到两个浏览器看起来是一样的。

  • 无论的代码,你最后移除了一切完美地排队(即使你缺少从体块)块, 这不远的地方罪魁祸首是。

  • 既然你已经找到了罪魁祸首,把所有的代码后面。 先从字体乱搞第一关。 改变字体,大小,删除文字,等等,直到你可以找到在其下的浏览器都一样的条件。 如果它不是一个字体的问题,开始瞎搞与它的其他部分,直到你发现,与它匹配了条件。

  • 一旦你做到了这一点,你就会知道你的问题,你可以解决它。



Answer 2:

如果你使用的是Firefox请务必按Ctrl-0到默认缩放级别。



Answer 3:

我知道我的FF3.0使一切看起来比其他人的不同,因为我有它在首选项设置为使用的16最小字体大小我不得到印刷精美,我得到了一堆清晰的写作。

此外,作为一个Mac上,默认字体是无衬线字体,而在Windows上一切都是衬线,这也可以进一步改变字体的宽度和高度。

如果用“EM”或“EX”单位指定网页上的任何东西,他们都依赖于字体大小。



Answer 4:

我比较插件/插件。



Answer 5:

关于你的字体平滑设置如何 - 他们是相同的(无/抗锯齿/ ClearType的)? 这可以改变一个给定文本的宽度,可能只是你在找什么。



Answer 6:

您是否都使用完全相同的屏幕尺寸? 是否Firefox的尝试字体查看网页的人的外观尺寸缩放,或者像素的具体数量?



Answer 7:

我想到的一件事是安装的字体。 如果你有一个客户端不有可能是在计算尺寸为1个像素差的字体。 FF和IE浏览器可能是四舍五入不同,这可以解释为什么他们的行为不同。



Answer 8:

我主要是与所有的“人字型”进一步向上同意,但如果这样做没有帮助尝试检查HTTP头,因为一些头可能是由代理服务器和客户端之间增加和这样的。 但是,第一次尝试的字体建议...

祝好运 ;)



Answer 9:

不同的操作系统有不同的字体渲染引擎。 大不相同。 绰绰有余造成至少1个像素的差异,这取决于你如何设置你的CSS。



Answer 10:

我的第一个猜测是什么做的窗口,我不记得这在Firefox不断发生,但想试试调整窗口的大小。 也可能有实际的东西1px的宽占用该空间,如隐蔽的框架或诸如此类的东西。 这些可能是完全没谱,因为我不知道你实际上是如何做的事情。

可能的解决方法是显示图像作为背景之一,一个div而不是使用img标签,这会导致它只是被截断,而不是如果它的1像素关闭包装。



Answer 11:

我看到这个问题的一次,因为它变成了用户已经缩放页面,缩放造成数学的四舍五入问题。 我无意中放大我的网页120%,他们刚刚你正常值的100%。



Answer 12:

随着浏览器的更新,浏览器缩放设置,采取了系统的DPI设置。

在视窗7中,设置DPI = 125%将产生在浏览器窗口的100%放大的变焦效果。

所以,这是不是与HTML相关。 即说宽度= 300像素的设置会产生与相同的缩放设置相同的浏览器,但用不同的DPI设置不同大小的盒子。

DPI = 125%会产生较大的方框。

所以,如果你想减少缩放级别,可以通过按缩小浏览器Ctrl + - ,或者通过以下步骤减少系统的dpi设置

  1. 对于Windows 10 http://www.windows10update.com/2015/05/windows-10-tutorials-79-change-dpi-scaling-level-for-displays/
  2. 对于Windows 7 http://www.lawfirmsoftware.com/support/change_dpi_settings_windows_7.htm


文章来源: What could cause the same browser on different PCs to render the same HTML differently?