移动端字体viewPort
来源:互联网 发布:linux怎么复制文件命令 编辑:程序博客网 时间:2024/05/16 08:57
!function(e,t){function i(){var t=n.getBoundingClientRect().width;t/m>640&&(t=640*m);var i=t/16;n.style.fontSize=i+"px",d.rem=e.rem=i}var a,r=e.document,n=r.documentElement,o=r.querySelector('meta[name="viewport"]'),l=r.querySelector('meta[name="flexible"]'),m=0,s=0,d=t.flexible||(t.flexible={});if(o){console.warn("??????????????????meta???????????????????????????");var p=o.getAttribute("content").match(/initial\-scale=([\d\.]+)/);p&&(s=parseFloat(p[1]),m=parseInt(1/s))}else if(l){var c=l.getAttribute("content");if(c){var u=c.match(/initial\-dpr=([\d\.]+)/),f=c.match(/maximum\-dpr=([\d\.]+)/);u&&(m=parseFloat(u[1]),s=parseFloat((1/m).toFixed(2))),f&&(m=parseFloat(f[1]),s=parseFloat((1/m).toFixed(2)))}}if(!m&&!s){var v=(e.navigator.appVersion.match(/android/gi),e.navigator.appVersion.match(/iphone/gi)),h=e.devicePixelRatio;m=v?h>=3&&(!m||m>=3)?3:h>=2&&(!m||m>=2)?2:1:1,s=1/m}if(n.setAttribute("data-dpr",m),!o)if(o=r.createElement("meta"),o.setAttribute("name","viewport"),o.setAttribute("content","initial-scale="+s+", maximum-scale="+s+", minimum-scale="+s+", user-scalable=no"),n.firstElementChild)n.firstElementChild.appendChild(o);else{var x=r.createElement("div");x.appendChild(o),r.write(x.innerHTML)}e.addEventListener("resize",function(){clearTimeout(a),a=setTimeout(i,300)},!1),e.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(a),a=setTimeout(i,300))},!1),"complete"===r.readyState?r.body.style.fontSize=12*m+"px":r.addEventListener("DOMContentLoaded",function(){r.body.style.fontSize=12*m+"px"},!1),i(),d.dpr=e.dpr=m,d.refreshRem=i,d.rem2px=function(e){var t=parseFloat(e)*this.rem;return"string"==typeof e&&e.match(/rem$/)&&(t+="px"),t},d.px2rem=function(e){var t=parseFloat(e)/this.rem;return"string"==typeof e&&e.match(/px$/)&&(t+="rem"),t}}(window,window.lib||(window.lib={}));
0 0
- 移动端字体viewPort
- 移动端viewport
- 移动端viewport
- 移动端 viewport 概念介绍
- 移动端的meta viewport
- HTML 5 --- 移动端viewport:
- 移动端viewport的理解
- 移动端viewport的作用
- 移动端的meta viewport
- 移动端viewport的理解
- web移动端开发(2)-viewport
- 移动端Web系列3 -- viewport
- 移动端开发之viewport、fiddler
- 移动端开发学习1:viewport
- 移动端ViewPort的故事(二)
- 关于viewport的一些故事---移动端
- 移动端开发之viewport的理解
- 浅谈meta viewport设置移动端自适应
- 命名空间“clr-namespace:LOADING.Converters”中不存在“PathToImageConverterLeft”名称
- 用sbt构建Spark项目——WordCount
- 连接redis异常记录
- 第二个JAVA程序:在屏幕上打印*
- 第五周项目四 数制转换
- 移动端字体viewPort
- 第五周项目五 后缀表达式
- 面试题-内存管理(MRC)
- 如何安装composer
- 轻量级分布式 RPC 框架(续)
- web前端面试题(HTML&CSS)上 答案详解
- C/C++中strcpy和strncpy的区别
- in 和 exist 区别
- VS2010附加目录宏