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