Javascript 在IE中,相对于文本大小列表的实际像素是多少?
IE中以下文本大小列表的实际字体大小(以像素为单位)是多少:Javascript 在IE中,相对于文本大小列表的实际像素是多少?,javascript,html,css,internet-explorer,web,Javascript,Html,Css,Internet Explorer,Web,IE中以下文本大小列表的实际字体大小(以像素为单位)是多少: 最大的 较大的 中等 小的 最小的 在web应用程序中,我需要提供类似的行为,通过从上面的列表中选择任何人来设置应用程序控件的文本大小。但是,我需要根据此列表中的选定项以编程方式设置多少像素 非常感谢您的帮助。如中所述: 下表提供了有关绝对大小映射到HTML标题和绝对字体大小的用户代理指南。“中等”值是用户首选的字体大小,用作参考中间值 HTML Values : xx-small x-small small medium
- 最大的
- 较大的
- 中等
- 小的
- 最小的
HTML Values : xx-small x-small small medium large x-large xx-large
Font sizes : 1 - 2 3 4 5 6
相对值将随表变大、变小(取决于上下文):
可能的值为:[较大|较小]。例如,如果父级
元素的字体大小为“中”,值为“大”将使
当前元素的字体大小必须为“大”。如果父元素的
大小不接近表项,UA可以自由插值
在表格条目之间或四舍五入到最接近的条目。UA可能有
如果数值超出
关键词
请注意,这些只是浏览器要遵循的指导原则&并不能保证IE中的大小。但我相信它确实为您提供了一个想法。使用以下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>
测试字体大小
这是一项测试
var elem=document.getElementById('test');
elem.innerHTML='字体大小为'+elem.currentStyle.fontSize;
(或者如果你懒得复制粘贴所有这些内容,)
此列表中的结果:
- 最大文本大小:16pt(=21.3px)
- 文本大小更大:14pt(=18.7px)
- 文本大小中等:12pt(=16px)
- 文本大小较小:10pt(=13.3px)
- 最小文本大小:9pt(=12px)
另请注意:currentStyle是仅适用于IE的专有属性。
最后一点注意:我根据96的DPI计算像素值;不知道显示器上的结果是否与其他DPI值不同,因此请小心使用。您不能-IE字体大小设置不会暴露给web应用程序,除非您在桌面应用程序中托管
WebBrowser
控件。即使使用CSS覆盖默认字体大小,它也与IE的大小设置无关。