2011
May
22

網頁好讀版

1em=100%=12pt=16px
0.75em=75%=9pt=12px
  • pt: 一般印列用字體尺寸,
  • px: 像素單位(pixel)
  • em:同百分比,1em=100%=12pt=16px = 瀏覽器預設尺寸,通常是 16px,em可以使用階層的方式設定,如第一層設定為2em,其子階層設定為 0.5em, 則子階層的實際尺寸為(2*0.5 = 1em)
  • percent(%): 同上,如第一層設定為200%,其子階層設定為 50%, 則子階層的實際尺寸為(200%*50% = 100%)
1em 100% 12pt 16px
EC中文AE EC中文AE EC中文AE EC中文AE

屬性pt 8pt 9pt 10pt 11pt 12pt 13pt 14pt 16pt
Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試

屬性px 8px 9px 10px 11px 12px 13px 14px 16px
Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試

屬性em 0.6em 0.8em 1em 1.2em 1.5em 1.6em 2em > 0.5 3em > 0.3
Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試

屬性 百分比 40% 60% 80% 100% 150% 180% 200% > 50% 3em > 0.3
Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試 Test 測試

網頁好讀版