2013-08-03 113 views
5

這是什麼影響?Twitter的字體大小引導

html {font-size: 62.5%;} 

body { 
    font-size: 14px; 
} 

爲什麼62.5%?

+0

我編輯你的問題。主要基於觀點的問題與主題無關。問「這有什麼影響」是可以的,但你的其他問題屬於論壇,而不是StackOverflow。 – FakeRainBrigand

回答

6

有沒有這方面的影響,該body類字體大小將覆蓋html聲明,因爲它是html標籤內

html {font-size: 62.5%;}實際上意味着使用原生瀏覽器的字體大小的62.5%大小,不同的瀏覽器使用不同的默認字體大小,這就是爲什麼有CSS重置表。爲了使62.5%的字體大小會影響其他元素,你就需要有正文字體聲明正比e.g:

body { font-size: 2em; } 

看到這個http://jsfiddle.net/haLYV/

+0

我看到...通常我將身體大小設置爲1.0em。然後,我將文本大小設置爲p,a,input,...設置爲0.875em(如果瀏覽器的文本大小爲16px,則爲14px),然後使用em作爲標題。這有意義嗎? –

+0

是的,我通常將主體大小設置爲14px,並使用比例字體,這樣您就可以在所有瀏覽器中獲得相同的起始點。然後使用基於14px字體的em。http://pxtoem.com/ – keeg

+2

請記住,如果您使用rem單位,這將會產生影響,因爲它會引用html元素上的font-size聲明。 – Mark