font-size : 62.5%,你見(jiàn)過(guò)它吧?
在響應(yīng)式設(shè)計(jì)過(guò)程中,經(jīng)常將頁(yè)面跟節(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}, 可以寫(xiě)成h1{font-size:2.4rem}.
為什么不直接設(shè)置成html{font-size:10px}?因?yàn)橛行g覽器默認(rèn)的不是16px,或者用戶修改了瀏覽器默認(rèn)的字體大小(因?yàn)g覽器分辨率大小,視力,習(xí)慣等因素)。如果我們將其設(shè)置為10px,一定會(huì)影響在這些瀏覽器上的效果,所以需要里用絕大多數(shù)用戶默認(rèn)的16作為基數(shù) * 62.5% 得到我們需要的10.
62.5%與前端朋友的緣分應(yīng)該就是這樣來(lái)的吧。