我在我们的某个网站中遇到了边距/线条高度问题。Chrome的CSS问题
我正在使用Jquery脚本在每个部分的第一个字母中创建一个Drop Cap效果,它为它们添加了一个类。你可以看到有两种类型的dropcaps。谷歌浏览器不能正确渲染较小的。您可以与其他浏览器进行比较并查看其差异。
有关为什么会发生这种情况的任何想法?有没有修复/黑客?
我在我们的某个网站中遇到了边距/线条高度问题。Chrome的CSS问题
我正在使用Jquery脚本在每个部分的第一个字母中创建一个Drop Cap效果,它为它们添加了一个类。你可以看到有两种类型的dropcaps。谷歌浏览器不能正确渲染较小的。您可以与其他浏览器进行比较并查看其差异。
有关为什么会发生这种情况的任何想法?有没有修复/黑客?
一种解决方法是设置margin-top:-1px
到.dropcap
CSS规则..
必须在文本获取呈现大小有一定差距..
你知道任何黑客只针对Google Chrome吗?谢谢! – 2010-07-08 10:53:39
@ 0al0,看看http://rafael.adm.br/css_browser_selector/ – 2010-07-08 11:11:49
我用chrome css hack这个解决方案,谢谢 – 2010-07-09 11:55:12
更改行高度1.8em为我工作。但总的来说,这个问题很难避免,因为跨平台甚至跨浏览器的字体呈现不同。
我设法解决它通过调整您的line-height
在您的p
标签。
我将它调整为1.8 - 更少,副本的第三行无法在下拉帽下方流动。
看到的图像:
alt text http://web17.twitpic.com/img/126705561-f3957c59ceac70c081953d4ce00c9d5e.4c35afb0-full.png
alt text http://web14.twitpic.com/img/126705484-0b710f203011f574c598d698fffce8ab.4c35afb0-full.png
如果你正在做Chrome扩展退房http://area51.stackexchange.com/proposals/10910/google-chrome-extensions-webstore ?referrer = SDGU8262nOKdp17Pr161Vw2 – Lizard 2010-07-08 14:15:22