網頁字型大小資料參考

2021-04-24 20:15:19 字數 1384 閱讀 4527

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   14px        0.875em    87.5%

11pt      15px        0.95em      95%

12pt      16px        1em           100%

13pt      17px        1.05em      105%

13.5pt   18px        1.125em    112.5%

14pt      19px        1.2em        120%

14.5pt   20px        1.25em      125%

15pt      21px        1.3em        130%

16pt      22px        1.4em        140%

17pt      23px        1.45em      145%

18pt      24px        1.5em        150%

20pt      26px        1.6em        160%

22pt      29px        1.8em        180%

24pt      32px        2em           200%

26pt      35px        2.2em        220%

27pt      36px        2.25em      225%

28pt      37px        2.3em        230%

29pt      38px        2.35em      235%

30pt      40px        2.45em      245%

32pt      42px        2.55em      255%

34pt      45px        2.75em      275%

36pt      48px        3em           300% 

網頁字型大小標準

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

rem設定網頁字型大小

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

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

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