Javascript Jquery txt根据当前txt大小调整大小，不起作用

我已在我的站点中添加了两个按钮以调整txt的大小：

<button id="grow">Make text Bigger</button>
<button id="shrink">Make text Smaller</button>

这是我的身体css，如果有帮助的话：

body {
    background: #000;
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 2em;
    padding: 0;
    margin: 0;
}

我已经做了很多研究，并以多种方式对代码进行了调整，但运气不佳。这不应该起作用吗？

---

你期望

x+=2

做什么？在css中添加2太多正文字体，因为你已经选择了一个可接受的答案，所以没有必要更改文章的标题，因为堆栈溢出的UI发生了变化，所以我们知道这已经得到了回答。我已经尝试删除了那该死的x！在css中添加了分隔字体大小的功能，现在可以使用了，谢谢

body {
    background: #000;
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 2em;
    padding: 0;
    margin: 0;
}

$("#grow").click(function () {
    $('body').css("font-size","+=2")
});
$("#shrink").click(function () {
    $('body').css("font-size", "-=2")
});