Js引rem手机端自适应-CFANZ编程社区

Js引rem手机端自适应

第一种方法自己写手机端自适应

<html lang="en">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    
<script>(function (win, doc) {
        if (!win.addEventListener) return;
        var html = document.documentElement;

        function setFont() {
            var cliWidth = html.clientWidth;
            if (cliWidth > 750) {
                cliWidth = 750;
            }
            html.style.fontSize = 100 * (cliWidth / 750) + 'px';
        }
        win.addEventListener('resize', setFont, false)
        doc.addEventListener('DOMContentLoaded', setFont, false)
    })(window, document);</script>

另一种方法直接引用阿里的移动端自适应

<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>

0 条评论