zoukankan      html  css  js  c++  java
  • 关于移动端自适应大小(rem)————(autosize.js)

    /**
     * Created by lovo_bdk on 15-12-17.
     */
    !(function(win, doc){
        function setFontSize() {
            // 获取window 宽度
            // zepto实现 $(window).width()就是这么干的
            var winWidth =  window.innerWidth;
            doc.documentElement.style.fontSize = (winWidth / 640) * 20 + 'px' ;
            //设置页面元素根元素的px大小,然后所有rem以此为基准。
            //640为开发时候的页面宽度,20为基准px大小, 可以设置任意数字,方便开发时候rem计算
    
        }
    
        var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
    
        var timer = null;
    
        win.addEventListener(evt, function () {
            clearTimeout(timer);
    
            timer = setTimeout(setFontSize, 300);
        }, false);
    
        win.addEventListener("pageshow", function(e) {
            if (e.persisted) {
                clearTimeout(timer);
    
                timer = setTimeout(setFontSize, 300);
            }
        }, false);
    
        //初始化
        setFontSize();
    
    }(window, document));
  • 相关阅读:
    (九)分类展示上
    (八)用户退出
    (七)用户登陆
    opencord视频截图
    (六)电子邮件
    (五)密码加密
    (四)用户注册
    (三)首页处理
    this关键字在继承中的使用
    03.swoole学习笔记--web服务器
  • 原文地址:https://www.cnblogs.com/joesbell/p/5942622.html
Copyright © 2011-2022 走看看