检测浏览器字体大小

Question

检测浏览器字体大小

是否可以检测浏览器字体大小？当用户从菜单选择中更改字体大小时,还可以设置新的字体大小吗？非常感谢大家的帮助.最好的祝福.

Answer 1

是否可以检测浏览器字体大小？

有点,但这不是一个好主意.假设<body>没有设置字体大小且没有干扰规则(如'body div'):

var measure= document.createElement('div');
measure.style.height= '10em';
document.body.appendChild(measure);
var size= measure.offsetHeight/10;
document.body.removeChild(measure);

Run Code Online (Sandbox Code Playgroud)

为您提供1em的像素大小.

当用户从菜单选择中更改字体大小时,还可以设置新的字体大小吗？

不是直接的,但你可以经常轮询上面的测量器功能.在IE上你可以挂掉一个CSS表达式(),因为这些在字体大小改变时重新计算(在许多其他时间),但它可能不值得(你仍然需要其他浏览器和表达式的轮询器( )无论如何都被弃用了).

Answer 2

Den*_*gan 2

最简洁的答案是不。但是，我怀疑您希望根据用户的字体大小在不同的元素上放置不同的大小。如果是这样，您可能需要查看在“em”中指定 CSS 规则，它被定义为相对于当前字体大小。

归档时间：	16 年，10 月前
查看次数：	11134 次
最近记录：	13 年，1 月前