我想调整页面所有元素的字体大小 喜欢用户可以单击 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
最佳答案
能否将 BODY 元素的 font-size 属性设置为 125% 或 150%?
$("body").css("font-size", "150%");
关于javascript - 使用 jquery 调整整个文档的文本大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2344989/