zoukankan      html  css  js  c++  java
  • 动态获取移动端视宽,从而结合rem达到适配

    // jq
            !function(){
                var windowWidth= $(window).width();
                if(windowWidth > 750) {
                    windowWidth = 750;
                }
                var fontSize = windowWidth / 750 * 50;//50是html根元素font-size值
    
                $("html").attr("style", "font-size:" + fontSize + "px");
                $(window).resize(function() {
                    windowWidth = $(window).width();
                    if(windowWidth > 750) {
                        windowWidth = 750;
                    }
                    fontSize = windowWidth / 750 * 50;
                    $("html").attr("style", "font-size:" + fontSize + "px");
                });
            }();
    
    
    //js
    !function(){
        var windowWidth = document.documentElement.clientWidth || document.body.clientWidth;
        if(windowWidth > 750) {
            windowWidth = 750;
        }
        var fontSize = windowWidth / 750 * 50;   //50是html根元素font-size值
    
        document.getElementsByTagName('html')[0].style.fontSize = fontSize + "px";
        window.onresize = function(){
            var windowWidth = document.documentElement.clientWidth || document.body.clientWidth;
            if(windowWidth > 750) {
                windowWidth = 750;
            }
            fontSize = windowWidth / 750 * 50;
            document.getElementsByTagName('html')[0].style.fontSize = fontSize + "px";
        }
    }();
  • 相关阅读:
    LeetCode-1-two-sum
    LeetCode-14-longest-common-prefix
    动态规划--矩阵链乘法
    动态规划--装配线调度算法
    LeetCode-9-palindrome-number
    LeetCode-8-string-to-integer-atoi
    LeetCode-7-Reverse Integer
    SElinux用户管理操作
    Minix3信号处理分析
    面对困难
  • 原文地址:https://www.cnblogs.com/520BigBear/p/9610083.html
Copyright © 2011-2022 走看看