与 IE 中的以下文本大小列表相比,实际字体大小(以像素为单位)是多少:
- Largest
- Larger
- Medium
- Smaller
- Smallest
在 Web 应用程序中,我需要提供类似的行为,通过选择上面列表中的任何一个来设置应用程序控件的文本大小。但是,我需要以编程方式针对此列表中选定的项目设置多少像素。
帮助将不胜感激。
使用 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>
(或者如果你懒得复制和粘贴所有这些,这把小提琴 http://jsfiddle.net/MrLister/kMBPn/)
结果在此列表中:
- 文字大小 最大:16pt (= 21.3px)
- 文字大小 较大:14pt (= 18.7px)
- 文本大小中:12pt (= 16px)
- 文字大小较小:10pt (= 13.3px)
- 文字大小最小:9pt (= 12px)
注意:更改文本大小后,刷新屏幕(或重新运行 fiddle)以使脚本更新文本。
另请注意:currentStyle 是专有属性,仅适用于 IE。
最后一点:我根据 DPI 96 计算像素值;不知道在其他 DPI 值的显示器上结果是否不同,所以请小心使用。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)