最新版铬CSS问题

Question

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

在页上

http://worldwide.espacenet.com/

直到最近(在IE8/9，17 16/17，Safari 5中)

​

​

铬(22.0.1229.94米)：

​

​

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添加到div中，并使用class=“备用”，它也会对齐。

有什么明显的奇怪之处吗?还是我在Chrome中遗漏了一个新的bug？

希望有人会这么好心地检查这一页

Answer 1

字体呈现

Google的字体呈现方式与windows上的其他浏览器不同，可以在不需要管理权限的情况下安装。痛苦，我知道，但他们超过了安装的容易程度，而不是需要管理员权限的反别名。也就是说，字体可能会溢出您要放入的容器的宽度，并且应该通过向容器中添加更大的宽度来修复，或者完全删除它。另外，使用ems而不是px会使不同浏览器的字体大小不同。