1. 程式人生 > >網頁字型大小標準

網頁字型大小標準

從IE-6到Chrome,瀏覽器預設字型大小都是16px。
現在瀏覽器都可以通過瀏覽器裡面的設定來修改字型大小,但當我們把字型大小設定為px時,修改不會成功,會導致使用者的體驗不夠好。
所以我們可以使用css3裡面的rem(相對於html字型大小的百分比)對字型大小進行設定,這樣方便使用者自行修改字型大小。
比如設定

html {
    font-size:312.5%;
}
p {
    font-size:32rem;
}

在上面的程式碼中,html中由於預設字型大小為16px,設定為312.5%後就是50px,這樣方便我們在其他地方更好地設定字型大小。比如設定16px的字型,只需要設定為32rem就行,而如果不對html進行上述設定,用rem來設定大小會更困難。