font-size : 62.5%牵寺,你見過它吧?
在響應(yīng)式設(shè)計(jì)過程中柒啤,經(jīng)常將頁面跟節(jié)點(diǎn)字體設(shè)為62.5%,比如選擇用rem控制字體時(shí)畸颅,先需要設(shè)置根節(jié)點(diǎn)html的字體大小担巩。瀏覽器默認(rèn)的font-size 是16px , 16 * 62.5% = 10, 10這個(gè)數(shù)字方便計(jì)算,比如要設(shè)置h1{font-size:24px}, 可以寫成h1{font-size:2.4rem}.
為什么不直接設(shè)置成html{font-size:10px}没炒?因?yàn)橛行g覽器默認(rèn)的不是16px涛癌,或者用戶修改了瀏覽器默認(rèn)的字體大小(因?yàn)g覽器分辨率大小送火,視力拳话,習(xí)慣等因素)。如果我們將其設(shè)置為10px漾脂,一定會影響在這些瀏覽器上的效果假颇,所以需要里用絕大多數(shù)用戶默認(rèn)的16作為基數(shù) * 62.5% 得到我們需要的10.
62.5%與前端朋友的緣分應(yīng)該就是這樣來的吧。