字体大小更改

Question

我正在设计一个使用引导程序的网站，该网站要求我使用字体大小调整。 我试图用一些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/来增加或减小文本的大小。