Question

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

$.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%");

Answer 2

这取决于CSS的其余部分是如何构造的，以及您使用哪些单位在页面的其余部分分配字体大小。如果您使用的是em或%，那么就像Chase Seibert所说的那样就足够了：

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

因此，只需在CSS中使用正确的单位，然后操纵主体文本大小。否则，您还可以选择像div这样的元素作为您正在创建的页面上所有文本内容的根元素。

正如@praveen的评论所说，这不一定会影响你的非文本内容。

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

2 个答案: