2

What is the actual font size in pixels against following text size list in IE:

  • Largest
  • Larger
  • Medium
  • Smaller
  • Smallest

In a web application, I need to provide similiar behavior to set the text size of application control by selection anyone from above list. But, how much pixels I need to set programmatically against selected item from this list.

Help will be appreciated.

4

2 回答 2

1

如规格中所述：

下表提供了用于将绝对大小映射到 HTML 标题和绝对字体大小的用户代理指南。'medium' 值是用户的首选字体大小，用作参考中间值。

HTML Values : xx-small  x-small  small  medium  large  x-large  xx-large     
Font sizes  : 1         -        2      3       4      5        6

相对值将按照表格变得更大，更小（取决于上下文）：

可能的值是： [ 更大 | 更小]。例如，如果父元素的字体大小为“medium”，则“larger”值将使当前元素的字体大小为“large”。如果父元素的大小不接近表格条目，则 UA 可以自由地在表格条目之间进行插值或四舍五入到最接近的条目。如果数值超出关键字，则 UA 可能必须外推表值。

请注意，这些只是浏览器要遵循的指南，并且绝不保证 IE 中的大小。但我相信它确实可以让您了解您正在寻找的东西。

于 2013-07-01T06:32:23.887 回答
1

使用 Javascript 测试当前样式，使用以下 HTML：

<!DOCTYPE html>
<html>
  <head>
    <title>Test font size</title>
  </head>
  <body>
    <p id="test">This is a test</p>
    <script>
      var elem = document.getElementById('test');
      elem.innerHTML = 'The font size is '+elem.currentStyle.fontSize;
    </script>
  </body>
</html>

（或者如果你懒得复制和粘贴所有这些，这个小提琴）

结果在此列表中：

  • 文字大小最大：16pt (= 21.3px)
  • 文字大小较大：14pt (= 18.7px)
  • 文本大小中：12pt (= 16px)
  • 文字尺寸较小：10pt (= 13.3px)
  • 文字大小最小：9pt (= 12px)

注意：更改文本大小后，刷新屏幕（或重新运行小提琴）以使脚本更新文本。
另一个注意事项：currentStyle 是仅适用于 IE 的专有属性。
最后一点：我根据 96 的 DPI 计算了像素值；不知道在其他 DPI 值的显示器上结果是否不同，所以请谨慎使用。

于 2013-07-01T07:40:08.393 回答