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

Question

我需要在网站上放置一些字体大小和字体大小的图标.我做了这个已经有一段时间,并且不知道这些天得分是多少.JQuery是处理这个或纯CSS的首选方法.另外,我是否需要对我的字体大小做一些特殊的事情,即使用em而不是px？

提前致谢.

Answer 1

我会通过在ems中设置所有单位来实现它.然后,使用简单的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"); 
            } 
        );
    });