建站教学网,让你建站更便捷和轻松!
您当前的位置:首页 > 帝国CMS建站

js在自适应页面用rem字体大小 设置

来源:建站教学网  时间:2019-08-15 23:08:10
第1种方法

<script>
        function chfontSize() {
            var w=document.documentElement.clientWidth || window.innerWidth || document.body.clientWidth;
            var fsize=w/10;
            if(fsize>75) {
                fsize=75;
            }
            var htmlNode=document.getElementsByTagName('html')[0];
            htmlNode.style.fontSize=fsize+'px';
        }
        chfontSize();
        window.onresize=chfontSize;
    </script>

第2种方法

<script>
    (function () {
    var t;
    function setbaseFont() {
        var w_width = $(window).width();
        var baseFontSize = w_width / 10;
        $('html').css('font-size', (baseFontSize > 75 ? 75 : baseFontSize) + 'px');
    }
    setbaseFont();
    $(window).on('resize', function (e) {
        // t = setInterval(,200)
        setbaseFont();
    });
})();

    </script>

责任编辑:风中的自由

免责声明:建站教学网内容来源于本网和互联网,如媒体、公司、企业或个人对该部分主张知识产权,请与本站联系,本网站将迅速采取适当措施,否则,与之有关的知识产权纠纷本网站不承担任何责任。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
CopyRight 2008-2019, JZREAD.COM, Inc. All Rights Reserved
皖ICP备09015033号