這不是一個簡單的問題,真正的答案是IT DEPENDS.
請注意,HTML大小不是實際大小,而是某種随機大小. SIZE屬性允許您将字型設定為1到7之間的抽象大小.與這些值對應的确切類型大小留給浏覽器.例如,你無法确定SIZE = 4會給你12點字型;你隻知道SIZE = 4會大于SIZE = 3.
是以,您在一個浏覽器中看到的12px在另一個浏覽器中将是13px或14像素.有一個非常interesting test made by SO user Eugene Yokota,您可以看到轉換為em的字型的近似渲染：
- font size 1
- font size: 0.63em
- font size 2
- font size: 0.82em
- font size 3
- font size: 1.0em
- font size 4
- font size: 1.13em
- font size 5
- font size: 1.5em
- font size 6
- font size: 2em
- font size 7
- font size: 3em
但這仍然是某種主觀的,當然不回答固定(像素)問題.但是,您可以使用上表轉換為像素作為指南：
Font=1: 10px
Font=2: 13px
Font=3: 16px
Font=4: 18px
Font=5: 24px
Font=6: 32px
Font=7: 48px
現在,問題是,一旦你的像素排成一行,你真的不必擔心,是以隻要你定義類似“font-size：12px”的東西,所有的浏覽器都會(應該)渲染一個12px高的字型
如果您對浏覽器之間的字型大小标記呈現之間的差異感興趣,您可以檢視此link with may examples