2010-07-08 85 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爲我工作。但總的來說,這個問題很難避免,因爲跨平臺甚至跨瀏覽器的字體呈現不同。