2010-07-08 84 views
0

我在我们的某个网站中遇到了边距/线条高度问题。Chrome的CSS问题

我正在使用Jquery脚本在每个部分的第一个字母中创建一个Drop Cap效果,它为它们添加了一个类。你可以看到有两种类型的dropcaps。谷歌浏览器不能正确渲染较小的。您可以与其他浏览器进行比较并查看其差异。

有关为什么会发生这种情况的任何想法?有没有修复/黑客?

+0

如果你正在做Chrome扩展退房http://area51.stackexchange.com/proposals/10910/google-chrome-extensions-webstore ?referrer = SDGU8262nOKdp17Pr161Vw2 – Lizard 2010-07-08 14:15:22

回答

1

一种解决方法是设置margin-top:-1px.dropcap CSS规则..

必须在文本获取呈现大小有一定差距..

+0

你知道任何黑客只针对Google Chrome吗?谢谢! – 2010-07-08 10:53:39

+1

@ 0al0,看看http://rafael.adm.br/css_browser_selector/ – 2010-07-08 11:11:49

+0

我用chrome css hack这个解决方案,谢谢 – 2010-07-09 11:55:12

1

更改行高度1.8em为我工作。但总的来说,这个问题很难避免,因为跨平台甚至跨浏览器的字体呈现不同。