我在我們的某個網站中遇到了邊距/線條高度問題。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