Javascript 使用jquery调整整个文档的文本大小

我想调整页面所有元素的字体大小 就像用户可以单击“增加字体”或“减少字体”一样，这将减少所有元素的字体 我正在做下面写的事 请建议一些更好的方法

$.fn.ChangeFont=function(ratio)
{
return this.each(function(){
var _elm=$(this);
var currFontSize = _elm.css('fontSize');
var finalNum = parseFloat(currFontSize, 10);
var stringEnding = currFontSize.slice(-2);
finalNum *= ratio;
finalNum=finalNum + stringEnding;
_elm.css('fontSize',finalNum);
});
}

$(document).find('*').andSelf().ChangeFont(1.2);//a value bigger than 1 for increase
$(document).find('*').andSelf().ChangeFont(.8);//a value smaller than 1 for decrease

---

您是否可以将BODY元素的font-size属性设置为125%或150%

$("body").css("font-size", "150%");

---

这取决于CSS的其余部分是如何构造的，以及在页面的其余部分使用什么单位来指定字体大小。如果您使用的是

em

或

%

，则只需像Chase Seibert所说的那样：

$("body").css("font-size", "150%");

因此，只需在CSS中使用正确的单位，然后操纵主体文本大小。否则，您也可以选择一个类似div的元素，它充当您正在创建的页面上所有文本内容的根元素

---

@praveen的评论还指出，这不一定会影响非文本内容。

我认为这不会增加或减少元素的大小，让我检查一下，我认为这取决于您的页面-如果您的字体有相对大小（%em）或固定大小（.px，pt）。