Chrome的CSS问题 [英] CSS problem with Chrome

问题描述

我在我们的一个网站中遇到了margin / line-height的问题。

I am having a problem with margins / line-height in one of our websites.

我使用Jquery脚本在第一个每个部分的字母，向它们添加一个类。有两种类型的dropcaps，你可以看到。 Google Chrome无法正确呈现较小的图片。您可以与其他浏览器进行比较，看看有什么区别。

I am using a Jquery script to create a Drop Cap effect in the first letter of each sections, that adds a class to them. There are two types of dropcaps, as you can see. Google Chrome is not rendering the smaller ones correctly. You can compare with other browser and see the difference.

有什么想法，为什么会发生这种情况？

Any idea about why is this happening? Is there a fix / hack for this?

推荐答案

解决方法是设置 margin-top： -1px 到 .dropcap CSS规则..

A workaround would be to set margin-top:-1px to the .dropcap CSS rule ..

必须有一些差异文字的大小。

must be some discrepancy on the size the text gets rendered..

这篇关于Chrome的CSS问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！