淘宝手机屏幕尺寸判断改变字体大小的js:-阿里云开发者社区

淘宝手机屏幕尺寸判断改变字体大小的js:

2017-11-22 1483

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

 
        !
        function
        (x) { 
       
        function 
        w() {        
        var 
        a = r.getBoundingClientRect().width; 
       
        a / v > 540 && (a = 540 * v), x.rem = a / 16, r.style.fontSize = x.rem + 
        "px" 
       
        }    
        var 
        v, u, t, s = x.document, r = s.documentElement, q = s.querySelector(‘meta[name=
        "viewport"
        ]‘), p = s.querySelector(‘meta[name=
        "flexible"
        ]‘);    
        if 
        (q) { 
       
        console.warn(
        "将根据已有的meta标签来设置缩放比例"
        );        
        var 
        o = q.getAttribute(
        "content"
        ).match(/initial\-scale=([
        "‘]?)([\d\.]+)\1?/); 
       
        o && (u = parseFloat(o[2]), v = parseInt(1 / u)) 
       
        } else {        if (p) {            var o = p.getAttribute("
        content
        ").match(/initial\-dpr=(["
        ‘]?)([\d\.]+)\1?/); 
       
        o && (v = parseFloat(o[2]), u = parseFloat((1 / v).toFixed(2))) 
       
        } 
       
        }    
        if 
        (!v && !u) {        
        var 
        n = (x.navigator.appVersion.match(/android/gi), x.navigator.appVersion.match(/iphone/gi)), v = x.devicePixelRatio; 
       
        v = n ? v >= 3 ? 3 : v >= 2 ? 2 : 1 : 1, u = 1 / v 
       
        }    
        if 
        (r.setAttribute(
        "data-dpr"
        , v), !q) {        
        if 
        (q = s.createElement(
        "meta"
        ), q.setAttribute(
        "name"
        , 
        "viewport"
        ), q.setAttribute(
        "content"
        , 
        "initial-scale=" 
        + u + 
        ", maximum-scale=" 
        + u + 
        ", minimum-scale=" 
        + u + 
        ", user-scalable=no"
        ), r.firstElementChild) { 
       
        r.firstElementChild.appendChild(q) 
       
        } 
        else 
        {            
        var 
        m = s.createElement(
        "div"
        ); 
       
        m.appendChild(q), s.write(m.innerHTML) 
       
        } 
       
        } 
       
        x.dpr = v, x.addEventListener(
        "resize"
        , 
        function
        () { 
       
        clearTimeout(t), t = setTimeout(w, 300) 
       
        }, !1), x.addEventListener(
        "pageshow"
        , 
        function
        (b) { 
       
        b.persisted && (clearTimeout(t), t = setTimeout(w, 300)) 
       
        }, !1), 
        "complete" 
        === s.readyState ? s.body.style.fontSize = 12 * v + 
        "px" 
        : s.addEventListener(
        "DOMContentLoaded"
        , 
        function
        () { 
       
        s.body.style.fontSize = 12 * v + 
        "px" 
       
        }, !1), w() 
       
        }(window);
       
         本文转自  小旭依然  51CTO博客，原文链接:http://blog.51cto.com/xuyran/1787151

淘宝手机屏幕尺寸判断改变字体大小的js:

热门文章

最新文章

相关课程

相关电子书

相关实验场景

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

淘宝手机屏幕尺寸判断改变字体大小的js:

热门文章

最新文章

相关课程

相关电子书

相关实验场景