Javascript 将em和rem字体大小与twitter引导一起使用

我正在制作一个网站，主要使用rem单位作为字体大小单位，也用于其他属性（宽度、高度、边距等） 网站中的一个功能是改变#mainContent的大小，这是通过改变html标记中的字体大小来实现的：

css:

javascript:

$("#mainContent").mousewheel(function(event, delta, deltaX, deltaY) {
    var fontSize = parseInt(($("html").css("font-size")).match(/\d+/));
    if (deltaY > 0) { // if scroll up:
    $("html").css("font-size", ((fontSize * 1.2) / 16) * 100 + "%");
    }
    else if (deltaY < 0) { // if scroll down:
    $("html").css("font-size", ((fontSize * 0.8) / 16) * 100 + "%");
    }
});

我如何确保只影响#主要内容而不影响所有其他元素？

---

谢谢

您能用绝对单位来处理这些异常吗？100%是相对于您在HTML元素上的设置。我在您的示例中没有看到

em

或

rem

。您只想为字体大小设置一个百分比值吗？谢谢@bfavaretto，在容器满的情况下使用了字体大小：10px，它工作了，我没想到。

$("#mainContent").mousewheel(function(event, delta, deltaX, deltaY) {
    var fontSize = parseInt(($("html").css("font-size")).match(/\d+/));
    if (deltaY > 0) { // if scroll up:
    $("html").css("font-size", ((fontSize * 1.2) / 16) * 100 + "%");
    }
    else if (deltaY < 0) { // if scroll down:
    $("html").css("font-size", ((fontSize * 0.8) / 16) * 100 + "%");
    }
});

.container-full {
    font-size: 100%;
}