2015-05-10 88 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>