jquery - 什么是处理网站上字体大小调整的好方法

Question

我需要在网站上放置一些字体大小图标。我已经有一段时间没有这样做了，这几天不知道分数是多少。 JQuery 是处理此问题的首选方法还是纯 CSS。另外，我是否需要对我的字体大小做任何特殊的事情，即使用 em 而不是 px？

提前致谢。

Answer 1

我会通过在 em 中设置所有单位来解决这个问题。然后，使用简单的 javascript 一次扩展所有这些就很简单了，如下所示:

    $(function () {
        var fontSize = 1.1;
        $("#larger").click( 
            function () { 
                console.log("click");
                fontSize += .1;
                $("body").css("font-size", fontSize + "em"); 
            } 
        );

        $("#smaller").click( 
            function () { 
                console.log("click");
                fontSize -= .1;
                $("body").css("font-size", fontSize + "em"); 
            } 
        );
    });