2015-05-10 115 views
1

什麼是font-size:small的默認px,pt?什麼是字體大小的默認px,pt:小?

.navigation li a{ 
font-weight:400; 
font-family: "Segoe UI",Segoe,Tahoma,Arial,Verdana,sans-serif; 
text-decoration:none; 
**font-size:small;** 
} 
+0

瀏覽器開發工具,樣式面板,計算選項卡,它說13px。 – Stickers

+0

@sdcr:我認爲你碰巧在瀏覽器上測試過,縮放比例爲1.2。用表格查看我的答案。我不確定關鍵字的價值是什麼,如果他們有'預定義'值和'不改變'。我認爲這是有意義的,因爲關鍵字值是「相對」的,以便根據當前上下文很好地進行調整。 –

回答

2

這取決於用戶代理。

從書:Pro Css techniques

的關鍵字,以基於所述用戶代理的 縮放因子彼此提供相對字體大小。這個比例因子有些是移動目標,因爲不同的用戶代理可能提供不同的比例因子。即使CSS規範在 版本1和2之間更改了它的建議。(CSS 1規定了1.5的比例因子上升 和.66下降,但在CSS 2規範中更改爲更模糊的「在1.0和1.2之間」 )

因此,當使用絕對尺寸 關鍵字指定尺寸時,渲染類型的確切像素尺寸從 瀏覽器到瀏覽器不等。如果我們假設默認(中等)的EM像素大小爲16像素 (就像大多數桌面瀏覽器給我們提供的那樣),我們最終得到 以下轉換爲像素尺寸的縮放因子1.5 和1.2:

enter image description here

2

jQuery的答案 - px - 13pxpt - 9.75

alert('px :-' +$('p').css('font-size')) 
 
alert('pt :-' +parseInt($('p').css('font-size'))*3/4)
p{ 
 
    font-size:small; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<p>Text</p>