最新版本的chrome CSS问题

Question

是否有人注意到Windows上最新Chrome（22.0.1229.94米）的渲染更改？

在页面上

http://worldwide.espacenet.com/

直到最近（并且已经在IE8 / 9，FX16 / 17，Safari 5中）

和Chrome（22.0.1229.94 m）：

CSS以YUI Reset CSS version: 2.5.1

开头

这是相关的html

<div class="epoBar epoBarAction">
  <div class="secondary">
    <div class="epoBarItem">
      <a href="javascript:clearFormContents(document.searchForm);">Clear</a>
    </div>
    <div class="epoBarItem epoBarItemForm">
      <div class="formElement">
        <span class="inputsubmit">
          <input type="submit" class="submit" name="Submit" value="Search">
        </span>
      </div>
    </div>
  </div>
</div>

奇怪的行为：如果我检查元素并在下面切换float:left两次，按钮就会对齐

div.epoBar div.epoBarItem {
  float: left;
  min-height: 1.67em;
  padding-bottom: 0.42em;
}

此外，如果我将width:150px添加到class =“secondary”的div中，它也会对齐。

有什么明显的奇怪或者我在Chrome中遗漏了一个已知的新错误吗？

希望有人会这么善良并检查页面

Answer 1

字体渲染

Google Chrome渲染字体的方式与Windows上的其他浏览器不同，因此无需管理员权限即可安装。我知道，这很痛苦，但是它们比安装抗锯齿需要管理员权限更容易安装。也就是说，字体可能会溢出您放入的容器的宽度，并且可以通过向容器添加更大的宽度或完全移除它来固定。使用ems而不是px将在浏览器中提供不同的字体大小。