字体大小更换器

Question

我正在使用bootstrap设计一个网站，要求我使用字体调整大小。我尝试用一​​些javascript和jquery来做。该脚本运行但字体大小没有响应。如何使其工作，我如何在这些javascript中使用！important。

$(".decreaseFont").click(function(){
var currentFontSize = $('html').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$('html').css('font-size', newFontSize);
return false;

Answer 1

可能是您正在测试的浏览器不会自动将像素视为单位。为了安全起见，将最后一行更改为此

$('html').css('font-size', newFontSize+'px')

Answer 2

您的代码正常运行。

小提琴：http://jsfiddle.net/LHzBS/1

可能是文件中的其他代码有错误。您可以使用Web控制台进行调试，使用：

debugger;

添加断点。

Answer 3

在这里：http://jsfiddle.net/toadkicker/NJUH7/

Answer 4

在这里，您可以点击+或 - 标记http://jsfiddle.net/ipsjolly/hzD8h/1/

来增加或减少文字的大小