我正在使用rem单位在CSS中定义字体大小,并且我想使用javascript向最终用户展示更改字体大小的选项。

我可以使用预定义的字体大小,并使用以下功能更改字体大小:

document.documentElement.style.fontSize = "67.5%"


我想做的是将字体大小更改为当前字体大小的一个因素。基本上如下所示:

document.documentElement.style.fontSize = Number(document.documentElement.style.fontSize) + Number(5) + "%"


我该如何实现这一目标?

玩耍的小提琴:http://jsfiddle.net/rahulthewall/wX94C/1/

最佳答案

鉴于rem单位是基于font-size元素的<html>的,因此您应该能够更改font-size并观察其余字体大小的变化。

我可以使用以下代码:

jQuery(document).ready(function() { jQuery('html').css('font-size', '24px'); });


24px可以替换为任何大小。)

关于javascript - 根据当前大小(根元素的大小)增加javascript中根元素的字体大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23393810/

10-12 00:35
查看更多