zoukankan      html  css  js  c++  java
  • 移动端适配

    //rem适配 !(function () { let width = document.documentElement.clientWidth; let styleNode = document.createElement('style'); styleNode.innerHTML = 'html{font-size: ' + width / 10 + 'px !important;}'; document.head.appendChild(styleNode); })();

    // 根据设计稿的宽度来传参 比如640 750 1125
    !function(designWidth){
    	if (/Android(?:s+|/)(d+.d+)?/.test(navigator.userAgent)) {
    		var version = parseFloat(RegExp.$1);
    		if (version > 2.3) {
    			var phoneScale = parseInt(window.screen.width) / designWidth;
    			document.write('<meta name="viewport" content="width=' + designWidth + ',minimum-scale=' + phoneScale + ',maximum-scale=' + phoneScale + ', target-densitydpi=device-dpi">');
    		} else {
    			document.write('<meta name="viewport" content="width=' + designWidth + ',target-densitydpi=device-dpi">');
    		}
    	} else {
    		document.write('<meta name="viewport" content="width=' + designWidth + ',user-scalable=no,target-densitydpi=device-dpi,minimal-ui,viewport-fit=cover">');
    	}
    }(640);
  • 相关阅读:
    浅谈单调栈、单调队列
    关于博客迁移
    高二四班抽号
    数据结构
    图论
    洛谷 P3817 小A的糖果
    洛谷 P4016 负载平衡问题
    洛谷 P4306 [JSOI2010]连通数
    洛谷 P4822 [BJWC2012]冻结
    洛谷 P4568 [JLOI2011]飞行路线
  • 原文地址:https://www.cnblogs.com/haloqq/p/10526057.html
Copyright © 2011-2022 走看看