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

  • 相关阅读:
    屏幕截图 从安卓模拟器中识别出屏幕文字
    srcset
    Bitwise and Bit Shift Operators 位运算 取反 补码
    text recognizer (OCR) Engine 光学字符识别
    删除目录下 某类名字的文件
    appmaptile
    登录框
    将代码设置的剪切板内容通过输入法软件粘贴入app搜索框
    面向问题的高级语言
    使用心理视觉来进行图像处理
  • 原文地址:https://www.cnblogs.com/coder-axin/p/9767824.html
Copyright © 2011-2022 走看看