IE中以下文字大小列表的实际字体大小(以像素为单位):
在Web应用程序中,我需要通过从上面的列表中选择任何人来提供类似的行为来设置应用程序控制的文本大小。但是,我需要在此列表中针对所选项目以编程方式设置多少像素。
帮助将不胜感激。
答案 0 :(得分:1)
如specs中所述:
下表提供了用户代理指南,用于绝对大小映射到HTML标题和绝对字体大小。 'medium'值是用户首选的字体大小,用作参考中间值。
HTML Values : xx-small x-small small medium large x-large xx-large
Font sizes : 1 - 2 3 4 5 6
相对值会跟随表格变大,变小(取决于上下文):
可能的值是:[较大的|更小]。例如,如果是父母 element的字体大小为'medium',值为'greater'会使 当前元素的字体大小为“大”。如果父元素是 大小不接近表条目,UA可以自由插值 在表条目之间或舍入到最近的条目。 UA可能有 如果数值超出数值,则推断表值 关键字。
<小时/> 请注意,这些只是浏览器&amp;在任何情况下都不能保证IE中的大小。但我相信它确实可以为你所寻找的东西提供一个想法。
答案 1 :(得分:1)
使用此HTML,使用Javascript测试当前样式:
<!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>
(或者,如果你懒得复制并粘贴所有内容,this fiddle)
导致此列表:
注意:更改文本大小后,请刷新屏幕(或重新运行小提琴)以使脚本更新文本。
另一个注意事项:currentStyle是一个专有属性,仅适用于IE
最后一点:我根据DPI为96计算了像素值;不知道具有其他DPI值的显示器上的结果是否不同,因此请小心使用。