获取浏览器缩放后的字体大小

获取浏览器缩放后的字体大小

Firefox、Chrome 和 Safari 都有缩放功能(C-+ 和 C--),这真的很不错。但是有没有办法找出生成的字体大小变焦?

答案1

在 Firefox 中,我只需安装斜视扩展,它(除了其他功能外)可以在状态栏中显示当前的缩放级别。

答案2

这里有一个从下面复制过来的小技巧:http://www.webdeveloper.com/forum/showthread.php?t=170413

document.emSize=function(pa){
    pa= pa || document.body;
    var who= document.createElement('div');
    var atts= {fontSize:'1em',padding:'0',position:'absolute',lineHeight:'1',visibility:'hidden'};
    for(var p in atts){
        who.style[p]= atts[p];
    }
    who.appendChild(document.createTextNode('M'));
    pa.appendChild(who);
    var fs= [who.offsetWidth,who.offsetHeight];
    pa.removeChild(who);
    return fs;
}

相关内容