2011-10-05 23 views
12

說,我已經定義了下面的CSS規則:採用分數EM是在CSS的font-size屬性

.className { 
font-size:0.89em; 
} 

我的問題是,如何「深」入分數能走,同時指定「時間是爲瀏覽器居然要是否支持它,字體大小會以不同的方式呈現,因爲它們的em值有小的變化?

+1

他們似乎走得很深,我沒有任何確切的數字,我可以給,但檢查一些像http://pxtoem.com/,只是玩耍。你會看到他們可以做任何事情。我見過ems之前像0.631111111111111em,他們的工作。儘管如此,這是否會明顯不同於0.63em。 –

+0

非常好。而且,大多數主流瀏覽器似乎都會以不同的字體大小呈現em的價值。你爲什麼不把它作爲答案發布,我會把它作爲一個正確的答案。 – ahmd0

+0

最終,最小的單位是1px,對嗎? – JohnB

回答

6

JohnB是對的。無論我們使用的尺寸單位如何,我們仍然以像素爲單位進行渲染,並且ems中的小改動不會改變顯示的尺寸:

例如,對於原始顯示高度爲20px *的文本,我們可以看到沒有當添加規則有效的變革,使其.99em原來的高度:

20 * 0.99 = 19.8 

的瀏覽器不能顯示像素的2.8,所以(假設它會總結),它仍然會顯示它爲20px高。

雖然看起來瀏覽器並不總是四捨五入預期:

http://meyerweb.com/eric/thoughts/2010/02/10/rounding-off/

http://ejohn.org/blog/sub-pixel-problems-in-css/

*是的,我知道20像素的字體大小不必總是意味着它是在顯示20像素!

+0

非常好,謝謝。 – ahmd0

相關問題