zoukankan      html  css  js  c++  java
  • 初始化rem的js

    //初始化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 = 320;

    setFontSize();

    addEvent(window, 'resize', function(){
    setFontSize();
    });

    function setFontSize() {
    var size = size || 200;
    var _fontSize = (getSize()['width'] * fontSize / 320)>size?size:(getSize()['width'] * fontSize / 320);
    oHtml.style.fontSize = _fontSize + "px";
    }

    function getSize() {
    return {
    width :document.documentElement.clientWidth || document.body.clientWidth,
    height :document.documentElement.clientHeight || document.body.clientHeight
    }
    }
    })();

  • 相关阅读:
    《Spring2之站立会议1》
    《Spring1之第十次站立会议》
    《Spring1之第九次站立会议》
    《Spring1之第八次站立会议》
    《Spring1之第七次站立会议》
    LeetCode
    LeetCode
    LeetCode
    LeetCode
    LeetCode
  • 原文地址:https://www.cnblogs.com/sunsie/p/6043637.html
Copyright © 2011-2022 走看看