css - 最新版本的 chrome CSS 问题

Question

有没有人注意到 Windows 上最新的 Chrome (22.0.1229.94 m) 的渲染发生了变化？

在页面上

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 将在浏览器中提供不同的字体大小。