我已经使用Bootstrap 3建立了一个网站。现在我要的是2个按钮。一种用于增加页面的所有元素的字体大小，另一种用于减小。（针对残疾人）
我使用这个jquery脚本：
$(document).ready(function(){
// Increase Font Size
$(".increase").click(function(){
var currentSize = $('*').css('font-size');
var currentSize = parseFloat(currentSize)*1.2;
$('*').css('font-size', currentSize);
return false;
});
// Decrease Font Size
$(".decrease").click(function(){
var currentFontSize = $('*').css('font-size');
var currentSize = $('*').css('font-size');
var currentSize = parseFloat(currentSize)*0.8;
$('*').css('font-size', currentSize);
return false;
});
});
但是如我所见，通过使用所有*，该按钮首先减小，然后增大，或执行其他任何操作。否则，使用id名称不会发生任何事情。
// Increase Font Size
$(".increase").click(function(){
var currentSize = $('#all-wrapper').css('font-size');
var currentSize = parseFloat(currentSize)*1.2;
$('#all-wrapper').css('font-size', currentSize);
return false;
});
您不能像现在那样增加字体大小！在第一种方法中，当您执行
var currentFontSize = $('*').css('font-size');
它将采用第一个选定元素（即按钮）的字体大小，在下一句中将对每个元素应用按钮字体的1.2倍。因此，它首先减小到按钮的字体大小，然后再增大。
虽然第二种方法可行，但是$（'＃all-wrapper'）div的字体大小超出了h1标签的使用范围，因此它不可见。
为了实现增加或减少字体功能，我们通常使用不同的字体大小来切换css。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句