跨浏览器 jQuery 文本缩放实现

Question

我有一些代码可以增加/减小字体大小。这让我很头疼，因为每个浏览器似乎以不同的方式实现 $.css('font-size') （查看 jquery 错误）。不过，真正让我烦恼的是，Firefox 的缩放比例还不错，但当我使用下面的缩小功能时，它就会放大。 Webkit 和IE 都按预期工作。对此有什么想法吗？

我把它放在这里的小提琴中： http://jsfiddle.net/srQ3P/1/ 你在哪里可以看到它按预期工作，并且您可以在项目页面的 Firefox 中看到它损坏： http://cumberlandme.info/residents

---

主要编辑

抱歉，问题不是代码，而是 Firefox 的 bug 行为。当我使用浏览器控件（ctrl + plus 或 ctrol + minus）放大或缩小后，js 就会变得混乱。在其他浏览器中不会发生这种情况。这才是真正的问题。对此有什么建议吗？

Answer 1

本例中的问题出在我的 javascript 文本缩放功能上。我使用的原始函数（在网上找到）在正文字体样式中查找特定的 em 值，如果没有找到，请将字体大小重置为“1em”。就像这样：

if (document.body.style.fontSize == "")
    document.body.style.fontSize = "1em";
document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.1) + "em";

这在 IE 上可以正常工作（为什么，我不知道），但在 Ffx 上却不行。因此，我提出的解决方案是检查 IE，并根据浏览器是否为 IE，执行的操作略有不同。 jQuery 文档建议不要以这种方式检查浏览器，这是毫无意义的，但我还是这么做了！

var currSz = parseFloat($('body').css('font-size'));
Math.round(currSz);

if($.browser.msie)
    currSz++;
else
    currSz = currSz + .7;

$('body').css('font-size',currSz);