YUI-3网格&&谷歌浏览器:重叠文字

时间:2013-04-10 22:32:26

标签: css google-chrome yui

我不是一个UI人,但我不得不为一个侧面项目做一些CSS。我目前正在使用YUI-3文件;网格,重置和字体,所有这些都是v3.9.1。

我遇到的问题是我的h2标签文字与设置宽度的重音框重叠,而且它似乎只发生在Chrome中。它在Firefox,Safari和IE9中呈现得很好。有人知道有什么问题吗?

以下是Chrome浏览器的显示效果:http://grab.by/lwEM

以下是它在Firefox上的显示方式:http://grab.by/lwEY

请注意,计数,26悬停在Chrome中的左侧重音上,但重音的固定宽度为6px。

- 更新 -

认为这个问题可能存在于我的自定义CSS中,我移动了一个代码片段进行测试,果然,即使是基本的,与Chrome一样,右侧也有差距,这可以解释为什么我的文字重叠。看起来它是由YUI reset.css引起的。

代码段:http://cssdesk.com/4ctMs

1 个答案:

答案 0 :(得分:1)

Gah ......正在浏览YUI Css库并看到通知:'注意:文件“grids.css”已弃用,请改用“cssgrids.css”。不确定他们什么时候改变它,但是当我进行更改时,页面按预期呈现。

另一方面,我曾经使用Base + Reset,但看起来devs已经发布YUI Normalize,它有不同的浏览器规范化方法,肯定会检查它。