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);

  • 相关阅读:
    unittest单元测试框架之unittest工作原理(一)
    unittest单元测试框架之unittest案例(二)
    mysql 查询导出(txt,csv,xls)
    JS 无限长form表单提交
    PHP设计模式的六大设计原则
    MySql 双主多从配置指导
    MySQL5.7开多实例指导
    MySQL主从复制配置指导及PHP读写分离源码分析
    《单元测试之道Java版》的读书笔记
    《重构》的读书笔记–方法列表
  • 原文地址:https://www.cnblogs.com/coder-axin/p/9767824.html
Copyright © 2011-2022 走看看