zoukankan      html  css  js  c++  java
  • 系统字体放大导致rem布局错乱,解决方案,已通过测试

    如果你用rem没遇到过坑,那只能说明你 too young too simple;

    (function (doc, win) {
        var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var cW = document.documentElement.clientWidth,
                    iW = window.innerWidth;
                var w = Math.max(cW, iW);
                    w = w > 750 ? 750 : w;
                var fz = ~~(w / 7.5);
                document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz + "px";
    
                function setHtmlSize() {
                    var realfz = ~~(+window.getComputedStyle(document.getElementsByTagName("html")[0]).fontSize.replace('px', '') * 10000) / 10000;
                    if (fz !== realfz) {
                        document.getElementsByTagName("html")[0].style.cssText = 'font-size: ' + fz * (fz / realfz) + "px";
                    }
                }
                setHtmlSize();
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
  • 相关阅读:
    [.NET学习]抽象&#
    几个国内开源
    通过C#命令行&#
    我的宝贝
    我的新博客
    常用的在线网
    收集一些.NET开
    论研究生学术
    在vs2008里安装使&#
    c#编码好习惯
  • 原文地址:https://www.cnblogs.com/mzzz/p/7372462.html
Copyright © 2011-2022 走看看