zoukankan      html  css  js  c++  java
  • 移动端还原设计图

    (function (doc, win) {
                var html = doc.getElementsByTagName("html")[0],
                    // orientationchange->手机屏幕转屏事件
                    // resize->页面大小改变事件(兼容pc,移动端)
                    reEvt = "orientationchange" in win ? "orientationchange" : "resize",
                    designWidth=1920,
                    setFontSize = function () {
                        var clientW = doc.documentElement.clientWidth || doc.body.clientWidth;
                        if (!clientW) {
                            return;
                        }
                        html.style.fontSize = 100 * (clientW / 1920) + "px";
                    }
                var resetFontSize=function(){
                    if(win.resetFontTimeout){
                        clearTimeout(win.resetFontTimeout);
                    }
                    //防抖
                    win.resetFontTimeout=setTimeout(function(){
                        setFontSize();
                    },500);
                }
                win.addEventListener(reEvt, resetFontSize);
                // DOMContentLoaded->dom加载完就执行,onload要dom/css/js都加载完才执行
                doc.addEventListener("onload", setFontSize);
            })(document, window);

  • 相关阅读:
    Linux下nginx 的常用命令
    Mybatis generator 自动生成代码(2)
    Android Retrofit2 网路编程
    Android webView输出自定义网页
    Android Studio OkHttpClient使用
    Android Studio SVN使用
    Android Toolbar的使用 顶部标题栏+后退键
    Android DrawLayout + ListView 的使用(一)
    RabbitMQ配置与安装
    Struts2拦截器
  • 原文地址:https://www.cnblogs.com/coder-axin/p/9767824.html
Copyright © 2011-2022 走看看