是否有人注意到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/