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

Question

我想调整页面所有元素的字体大小喜欢用户可以单击 increaseFont 或 decreaseFont 这将减少所有元素的字体我正在做下面写的请提出一些更好的方法

$.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

Answer 1

能否将 BODY 元素的 font-size 属性设置为 125% 或 150%？

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