通过借助JS代码，可以实现网页中的字号放大或缩小的目的，方便浏览者在访问的时候根据自己的需要或视力调整网页文字的大小，此功能由两个部分组成。

一、JS放在HEAD之内

　　代码如下

``` $(document).ready(function() var fontSize = $(".content_sms").css("font-size"); console.log(fontSize) //取得当前字体大小 var fontSizeNumber = parseFloat(fontSize, 10); console.log(fontSizeNumber) //取得单位 var unit = fontSize.slice(-2); console.log(unit) var lineSize = $(".content_sms").css("line-height"); console.log(lineSize) //取得当前字体大小 var lineSizeNumber = parseFloat(lineSize, 10); console.log(lineSizeNumber) //取得单位 var lineUnit = lineSize.slice(-2); console.log(lineUnit) //放大字体，bigFontSize为按钮id $("#bigFontSize").click(function() if (fontSizeNumber < '30') fontSizeNumber += 2; $(".content_sms").css("font-size", fontSizeNumber + unit); lineSizeNumber += 2; $(".content_sms").css("line-height", lineSizeNumber + lineUnit); ); //减小字体，smallFontSize为按钮id $("#smallFontSize").click(function() if (fontSizeNumber > '14') fontSizeNumber -= 2; $(".content_sms").css("font-size", fontSizeNumber + unit); lineSizeNumber -= 2; $(".content_sms").css("line-height", lineSizeNumber + lineUnit); ); ); ``` ####二、调用功能代码的链接 　　下面的内容放在BODY之内，仅仅是两个链接而已。 ``` <div class="content_sms">这是需要放大或缩小的内容</div> <a id="bigFontSize">+ 放大字体</a> <a id="smallFontSize">- 减小字体</a> ```

　　代码功能已通过本站验证，能实现该功能，未出现异常。