font-size :small 的默认 px 和 pt 是多少？答案

【问题标题】：What is the default px, pt for font-size :small?font-size :small 的默认 px 和 pt 是多少？
【发布时间】：2015-07-20 23:46:27
【问题描述】：

font-size:small 的默认 px 是多少？

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

【问题讨论】：

浏览器开发者工具、样式面板、计算标签，上面写着 13px。
@sdcr：我想你是在 1.2 版本的浏览器上测试的。请在下面用表格查看我的答案。如果关键字具有predefined 值和don't change，我不确定它们的值是多少。我认为将关键字值设置为 relative 是有意义的，以便根据当前上下文很好地调整它。

标签： html css fonts font-size

【解决方案1】：

这取决于用户代理。

出书：Pro Css techniques

关键字根据用户代理的比例因子。这个比例因子有点像移动目标，因为不同的用户代理可能提供不同的缩放因素。甚至 CSS 规范也改变了它的建议版本 1 和 2。（CSS 1 指定的比例因子为 1.5 和 .66 下降，但改为更模糊的“1.0 和 1.2 之间” 在 CSS 2 规范中。）

因此，渲染类型的确切像素大小从当使用绝对大小指定大小时，浏览器到浏览器关键字。如果我们假设默认（中）em 正方形大小为 16 像素（就像大多数桌面浏览器开箱即用一样），我们最终得到以下转换为 1.5 缩放因子的像素大小和 1.2：

【讨论】：

【解决方案2】：

Jquery 答案 - px-13px pt-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>

【讨论】：