是否有人注意到Windows(22.0.1229.94 m)上最新的Chrome中的渲染发生了变化?

页面上

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显然有什么怪异的东西吗?还是我错过了一个已知的新错误?

希望有人会如此友善并检查页面

最佳答案

字体渲染

与Windows上的其他浏览器相比,Google chrome呈现的字体与Windows上的其他浏览器不同,从而允许其安装而无需管理员权限。我知道,这很痛苦,但是与需要管理员权限进行抗锯齿相比,它们的安装难度要大得多。就是说,字体可能溢出了您要放入的容器的宽度,应该通过向容器增加较大的宽度或将其完全删除来固定。同样使用ems而不是px将在浏览器中提供不同的字体大小。

关于css - chrome CSS问题的最新版本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12971456/

10-12 12:28
查看更多