zoukankan      html  css  js  c++  java
  • H5页面字体大小使用rem (重置字体大小)setFontSize.js

    /*by  min*/
    //初始化rem
    (function(){
        var getStyle = (function(){
            if(window.currentStyle){
                return function(obj, name){
                    return obj.currentStyle[name];
                }
            }
            else{
                return function(obj, name){
                    return getComputedStyle(obj, false)[name];
                }
            }
        })();
    
        var addEvent = (function(){
            if(document.attachEvent){
                return function(obj, ev, fn){
                    obj.attachEvent('on'+ev, fn);
                };
            }
            else{
                return function(obj, ev, fn){
                    obj.addEventListener(ev, fn, false);
                };
            }
        })();
    
        var oHtml = document.querySelector('html');
        var fontSize = getStyle(oHtml, 'fontSize').split('px')[0];
        var originalWidth = 750;
    
        setFontSize();
    
        addEvent(window, 'resize', function(){
            setFontSize();
        });
    
        function setFontSize() { 
            var size = size || 200;
            var _fontSize = (getSize()['width'] * fontSize / 750)>size?size:(getSize()['width'] * fontSize / 750);
            oHtml.style.fontSize = _fontSize + "px";
        }
    
        function getSize() {
            return {
                width :document.documentElement.clientWidth || document.body.clientWidth,
                height :document.documentElement.clientHeight || document.body.clientHeight
            }
        }
    })();
    

      setFontSize.js

    注意html字体大小要先设置成100px,并且JS在CSS重置为100px以后引入。

  • 相关阅读:
    BZOJ-3495 前缀优化建图2-SAT
    洛谷P3979 遥远的国度 树链剖分+分类讨论
    hdu
    hdu
    poj
    poj-1330(暴力写的lca)
    树链剖分
    Dijkstra
    Floyed
    最短路径
  • 原文地址:https://www.cnblogs.com/ourLifes/p/7886276.html
Copyright © 2011-2022 走看看