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

  • 相关阅读:
    密码保护
    实现搜索功能
    完成个人中心—导航标签
    个人中心标签页导航
    评论列表显示及排序,个人中心显示
    完成评论功能
    从首页问答标题到问答详情页
    首页列表显示全部问答,完成问答详情页布局
    Android基础学习:Android环境搭建
    liunx 硬盘分区
  • 原文地址:https://www.cnblogs.com/coder-axin/p/9767824.html
Copyright © 2011-2022 走看看