zoukankan      html  css  js  c++  java
  • 适配脚本

    var fixScreen = function() {
        var metaEl = doc.querySelector('meta[name="viewport"]'),
            metaCtt = metaEl ? metaEl.content : '',
            matchScale = metaCtt.match(/initial-scale=([d.]+)/),
            matchWidth = metaCtt.match(/width=([^,s]+)/);
    
        if ( metaEl && !matchScale && ( matchWidth && matchWidth[1] != 'device-width') ) {
            var width = parseInt(matchWidth[1]),
                iw = win.innerWidth || width,
                ow = win.outerWidth || iw,
                sw = win.screen.width || iw,
                saw = win.screen.availWidth || iw,
                ih = win.innerHeight || width,
                oh = win.outerHeight || ih,
                ish = win.screen.height || ih,
                sah = win.screen.availHeight || ih,
                w = Math.min(iw,ow,sw,saw,ih,oh,ish,sah),
                scale = w / width;
    
            if ( scale < 1) {
                metaEl.content += ',initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale;
            }
        }
    }
    /**rem**/
    var
    fixScreen = function() { var metaEl = doc.querySelector('meta[name="viewport"]'), metaCtt = metaEl ? metaEl.content : '', matchScale = metaCtt.match(/initial-scale=([d.]+)/), matchWidth = metaCtt.match(/width=([^,s]+)/); if ( !metaEl ) { // REM var docEl = doc.documentElement, maxwidth = docEl.dataset.mw || 750, // 每 dpr 最大页面宽度 dpr = isIos ? Math.min(win.devicePixelRatio, 3) : 1, scale = 1 / dpr, tid; docEl.removeAttribute('data-mw'); docEl.dataset.dpr = dpr; metaEl = doc.createElement('meta'); metaEl.name = 'viewport'; metaEl.content = 'initial-scale=' + ratio + ',maximum-scale=' + ratio + ', minimum-scale=' + scale; docEl.firstElementChild.appendChild(metaEl); var refreshRem = function() { var width = docEl.getBoundingClientRect().width; if (width / dpr > maxwidth) { width = maxwidth * dpr; } var rem = width / 16; docEl.style.fontSize = rem + 'px'; }; //... refreshRem(); } }
  • 相关阅读:
    20162309《程序设计与设计结构》第一周学习总结
    20162309《程序设计与数据结构》课程总结
    网络编程与安全实验报告
    四则运算挑战出题
    Android实验报告
    四则运算第二周实验报告
    XP实验报告
    20162319 2017-2018-1 《程序设计与数据结构》第3周学习总结
    20162319 2017-2018-1 《程序设计与数据结构》第1周学习总结
    结对编程-马尔克夫链
  • 原文地址:https://www.cnblogs.com/sybboy/p/8884325.html
Copyright © 2011-2022 走看看