zoukankan      html  css  js  c++  java
  • rem手机端适配

    <script>
    document.documentElement.style.fontSize=document.documentElement.clientWidth*100/750+"px";
    window.addEventListener("resize",function(){
    document.documentElement.style.fontSize=document.documentElement.clientWidth*100/750+"px";
    },false)
    </script>


    <script>
    //因绝对定位+margin百分比定位在UC中有BUG,翻屏页面建议使用rem单位
    (function (doc, win) {
    var docEl = doc.documentElement,
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function () {
    var clientWidth = docEl.clientWidth;
    if (clientWidth < 375) {
    docEl.style.fontSize = 50 + 'px'
    } else if (clientWidth > 750) {
    docEl.style.fontSize = 100 + 'px'
    } else {
    docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
    }
    };
    recalc();
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    })(document, window);
    </script>
  • 相关阅读:
    在Ubuntu下依然爱SOGO
    CompositePattern(23种设计模式之一)
    Arduino String.h库函数详解
    cp命令详解
    PHP AJAX 返回JSON 数据
    PHP AJAX返回 "TEXT"
    PHP JSON数据 AJAX
    PHP JQurey
    PHP 封装POD 类
    PHP 分页+查询
  • 原文地址:https://www.cnblogs.com/wanan-01/p/7716335.html
Copyright © 2011-2022 走看看