博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端自适应缩放代码
阅读量:5975 次
发布时间:2019-06-19

本文共 1244 字,大约阅读时间需要 4 分钟。

hot3.png

(function (doc, win) {            var docEl = doc.documentElement,                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',                    recalc = function () {                        var clientWidth = docEl.clientWidth;                        if (!clientWidth) return;                        if(clientWidth>740){clientWidth = 740}                        docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';                    };            if (!doc.addEventListener) return;            win.addEventListener(resizeEvt, recalc, false);            doc.addEventListener('DOMContentLoaded', recalc, false);        })(document, window);

 

(function(){    var viewPortScale=0.5;    var detectBrowser = function (name) {        if (navigator.userAgent.toLowerCase().indexOf(name) > -1) {return true;} else {return false;}};    var width = parseInt(window.screen.width);    var scale = Math.ceil((width * 100) / 720) / 100;    var userScalable = 'no';    if (detectBrowser("qq/"))        userScalable = 'yes';    document.getElementById('viewport').setAttribute(        'content', 'width=720,user-scalable=' + userScalable + ',initial-scale=' + scale);})();

 

转载于:https://my.oschina.net/swmhxhs/blog/858128

你可能感兴趣的文章
go的错误处理
查看>>
apache2.4.4的安装过程
查看>>
php5.3安装oracle的扩展oci8与pdo_oci
查看>>
发送超长短信的协议格式
查看>>
CentOS 6.x 快速安装L2TP ***
查看>>
mysql主主复制(双主复制)配置步骤
查看>>
一篇文章能够看懂基础源代码之JAVA篇
查看>>
什么是大数据技术架构
查看>>
【分享】如何救援記憶卡中誤刪的資料
查看>>
北方计算机专修学院“展示自我 秀出风采” 网页创意设计大赛成功举办
查看>>
DNS解析相关实验:7台主机的恩怨情仇
查看>>
Goldengate双向复制配置
查看>>
Oracle官方内部MAA教程
查看>>
DNS相关配置
查看>>
Nginx-location配置
查看>>
code::block
查看>>
扫描线
查看>>
设计模式--模板方法(Template Method)
查看>>
引入CSS的方式有哪些?link和@import的有何区别应如何选择【转载】
查看>>
MariaDB 和 MySQL 性能测试比较
查看>>