跨浏览器jQuery文本缩放实现

我有一些代码来增加/减少字体大小。这让我很头疼，因为每个浏览器似乎都以不同的方式实现了$.css('font-size')（参见jquery bug）。然而，真正让我失望的部分是Firefox正在扩展，但是当我使用下面的缩小功能时，它会扩展。 Webkit＆amp; IE都按预期工作。有什么想法吗？我在这里放了一个小提琴：http：//jsfiddle.net/srQ3P/1/你可以看到它按预期工作，你可以在项目页面的firefox中看到它被破坏：http：//cumberlandme.info/居民主要编辑对不起，问题不是代码，它是firefox buggy行为。在我使用浏览器控件（ctrl + plus或ctrol + minus）放大或缩小后，js变得混乱。这在其他浏览器中不会发生。这是真正的问题。对此有任何建议

已邀请:

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);

要回复问题请先登录或注册

跨浏览器jQuery文本缩放实现

1 个回复

发起人

问题状态

跨浏览器jQuery文本缩放实现

与内容相关的链接

1 个回复

发起人

问题状态