Firefox 27.0.1 Ubuntu,Google 搜索中的标题太大

Firefox 27.0.1 Ubuntu,Google 搜索中的标题太大

自 Firefox 27.0.1 以来,Google 搜索标题看起来太大(但在其他网站上没有看到任何变化)。

看看与 Opera (正常) 的区别: 在此处输入图片描述

[更新]
在 Chrome 中看起来甚至很正常: 在此处输入图片描述

Firefox,太大了: 在此处输入图片描述

我没有更改任何设置。我尝试了这个:https://support.mozilla.org/en-US/kb/websites-look-wrong-or-appear-differently,什么都没改变。我尝试在 about:config 中更改布局.css.devPixelsPerPx-1.01.0,但什么也没有。

有任何想法吗?

[更新]
这似乎是 Ubuntu 的问题,因为我在公司用的是 27.0.1,直到我获得最新的 Ubuntu 更新后才出现这个问题。还没有弄清楚如何解决这个问题。

[更新]
根据 Daniel B 的回答,我知道这是 Google 的设计问题。我认为纠正它的正确方法是向 Google 写一条关于这个垃圾的负面评论。我已经这样做了,从现在起我使用 ask.com 进行搜索,因为这种“设计”让 Google 搜索无法使用。

答案1

这是 Google 的一次设计更新,旨在(某种程度上)带来移动搜索结果设计到您的桌面浏览器。看这里。Google 总是逐步推出网站更改,因此某些浏览器会受到影响,而其他浏览器则不会,这完全正常。毕竟,就 Google 而言,它们是不同的“客户端”。

答案2

这可能是 Opera 在应用 CSS 规则时出现的错误。

例如,谷歌搜索“abc”的结果是:

谷歌搜索

它的 HTML 内容如下:

html

Firebug 总结的 CSS 规则如下:

css 规则

如您所见,font-size 有两条规则,一条适用于 18px,另一条适用于mediumsize。但是,第一个规则还指定了!important哪个规则应优先考虑。因此 18 像素是正确的 font-size。

实际上,对于上述 HTML 代码中提到的所有指定字体大小的 CSS 类,还有相当多其他 CSS 规则,但由于优先级较低,因此在这里被忽略。我没有尝试列出所有规则,但 Google 的 CSS 确实很复杂,这可能会让 Opera 感到困惑。CSS 优先级规则相当复杂,但我相信 Firefox 做对了。Internet Explorer 10 得到的结果与 Firefox 相同。

欲了解更多信息,请参阅:

CSS 中的 !important 是什么意思?
理解 CSS 中的样式优先级:特殊性、继承和级联

编辑

一天后,我对 Firefox 执行了完全相同的操作,对于完全相同的请求,得到的字体大小为 16 像素,而不是昨天得到的 18 像素。

由于我的 Firefox 版本相同,所以一定是 Google 生成了不同的 CSS。

这进一步证实了 Google 会根据浏览器调整其生成的 CSS 的可能性。如果将此数字乘以 Google 的计算机数量(更新可能需要数周时间才能传播到所有计算机),则得到的结果可能有些随机。

相关内容