IT博客汇 | 设置html根元素font-size大小

设置html根元素font-size大小

admin发表于 2016-06-29 08:29:16

设置html根元素font-size大小

第一版：

        $(window).on("load resize", function(event) {
            document.documentElement.style.fontSize = 32 * document.documentElement.clientWidth / 640 + "px"; 
        });

第二版：

        function setFontSize(){
            document.documentElement.style.fontSize = 32 * document.documentElement.clientWidth / 640 + "px"; 
        }
        setFontSize();
        $(window).on("resize", function(event) {
            setFontSize();
        });

最终使用第二版，原因是页面加载前设置，不必等到页面加载完。体验更好。

Feed enhanced by Better Feed from Ozh