【问题标题】: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>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-10-23
      • 2012-12-27
      • 2019-06-11
      • 1970-01-01
      • 2011-04-03
      • 2014-01-31
      • 2014-10-20
      相关资源
      最近更新 更多