我在項目中使用字體「Lucida Sans Unicode」,並且遇到了問題。在IE9中,文本下方有一些空間,我不知道爲什麼會發生這種情況。在Chrome中沒有太多的空間。下面是一個例子,你看到邊境距離「選擇元素上點擊」功能在IE9開發者工具:如何使字體「Lucida Sans Unicode」在IE9和Chrome中呈現相同的方式?
這是瀏覽器模式:IE9和文檔模式:IE9標準。
這是瀏覽器模式:IE8和文檔模式:IE8:
正如你可以看到有 「P」 下方的空間較小。 Chrome以與IE8模式相同的方式顯示它。
渲染的不同在我想對齊東西時會造成麻煩;當在一個瀏覽器中可以正常使用時,在另一個瀏覽器中就不好。
有誰知道這是爲什麼發生,更重要的是,如何解決它?
在此先感謝所有答覆。
編輯:
小提琴:http://jsfiddle.net/94Tq9/
.
這是什麼元素?你能夠搭起一個說明問題的jsFiddle嗎? – CherryFlavourPez 2013-04-09 15:05:24
http://stackoverflow.com/questions/9574844/rendering-font-differs-from-ie-compared-to-ff-and-chrome – Daniel 2013-04-09 15:06:32
@simpleBob這些字符的渲染方式不同,只有間距文字.. – Stian 2013-04-09 15:09:31