網頁字型大小標準

2021-07-10 07:32:33 字數 354 閱讀 8698

從ie-6到chrome,瀏覽器預設字型大小都是16px。

現在瀏覽器都可以通過瀏覽器裡面的設定來修改字型大小,但當我們把字型大小設定為px時,修改不會成功,會導致使用者的體驗不夠好。

所以我們可以使用css3裡面的rem(相對於html字型大小的百分比)對字型大小進行設定,這樣方便使用者自行修改字型大小。

比如設定

html

p

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

rem設定網頁字型大小

rem 是指根元素 root element,html 的字型大小,好開心的是,從遙遠的 ie6 到版本帝 chrome 他們都約好了,根元素預設的 font size 都是 16px。這樣乙個新的單位相容性如何呢?ie9 firefox chrome safari opera 的主流版本都支援了,...

網頁字型大小資料參考

points pixels ems percent 6pt 8px 0.5em 50 7pt 9px 0.55em 55 7.5pt 10px 0.625em 62.5 8pt 11px 0.7em 70 9pt 12px 0.75em 75 10pt 13px 0.8em 80 10.5pt 14...

XP系統網頁字型大小如何調節

視力不好的朋友瀏覽網頁時,常常會因網頁字型太小而無法閱讀。為了幫助大家更好地使用xp系統,下面就為大家帶來xp系統快速調節網頁字型的具體方法。下面就隨小編一起來看看吧!具體如下 1 將頁面定位在需要放大的文章段落位置。2 按住鍵盤上的 ctrl 鍵不放。3 然後向外滑動滑鼠滑輪是放大文字,而向內滑動...