H5 px rem 单位换算

最新推荐文章于 2024-01-20 16:48:21 发布

web_blog

最新推荐文章于 2024-01-20 16:48:21 发布

阅读量463

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_43248623/article/details/107220358

版权

HTML5 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

;(function(w) { 
    var _config = w.comConfig,
        comFuc = {
        init: function(){
            var self = this;
            self.configRem();            
        },
        configRem: function(){
            if(_config && !_config.hideRem){  
                fixRem();
                window.addEventListener('resize', fixRem, false);           
            }
        },
        fixRem: function(){
            var windowWidth =  document.documentElement.clientWidth || window.innerWidth || document.body.clientWidth;
            var rootSize = 28 * ( windowWidth / 375);
            var htmlNode = document.getElementsByTagName("html")[0];
            htmlNode.style.fontSize = rootSize+'px';
        }
    };

    //通过window width 修改html font-size
    function fixRem(){
        var windowWidth =  document.documentElement.clientWidth || window.innerWidth || document.body.clientWidth;
        var rootSize = 28 * ( windowWidth / 375);
        var htmlNode = document.getElementsByTagName("html")[0];
        htmlNode.style.fontSize = rootSize+'px';
    }
    // fixRem();

    comFuc.init();

})(window);