博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js改变html font-size 大小
阅读量:5008 次
发布时间:2019-06-12

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

var App = function () {        /*         *根据屏幕大小 改变字体大小         */        var fontSizerecalc = function () {            var docEl = document.documentElement,                // 手机旋转事件,大部分手机浏览器都支持 onorientationchange 如果不支持,可以使用原始的 resize                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',                recalc = function () {                    //clientWidth: 获取对象可见内容的宽度,不包括滚动条,不包括边框                    var clientWidth = docEl.clientWidth;                    if (!clientWidth) return;                    docEl.style.fontSize = 12 * (clientWidth / 320) + 'px';                };                recalc();            //判断是否支持监听事件 ,不支持则停止            if (!document.addEventListener) return;            //注册翻转事件            window.addEventListener(resizeEvt, recalc, false);        };            return {            init: function (options) {                fontSizerecalc();            }        }    }();    Zepto(function ($) {        App.init();    });

  

转载于:https://www.cnblogs.com/silences/p/7675732.html

你可能感兴趣的文章
实现QQ第三方登录、网站接入
查看>>
HTML CSS 层叠样式表 三
查看>>
Qt pro pri 文件学习1
查看>>
软件工程概论第六周学习进度条
查看>>
[思路]导入导出功能
查看>>
【iOS】UICollectionView自己定义Layout之蜂窝布局
查看>>
php将数组或字符串写入文件
查看>>
【AHOI2013】【BZOJ3238】差异
查看>>
【以太坊钱包开发 一】MyEtherWallet 钱包开发项目概述
查看>>
golang——(strings包)常用字符串操作函数
查看>>
发布aar到jcenter
查看>>
跨浏览器问题的五种解决方案
查看>>
selenium通过send_keys方法上传文件
查看>>
修改oracle内存占用
查看>>
Azure DevOps (TFS) 与 Office 集成
查看>>
java 学习第二篇关系运算符和布尔值
查看>>
flask--session组件
查看>>
深入理解 CSS变形 transform(3d)
查看>>
python模块:xml
查看>>
OCP-1Z0-051-题目解析-第6题
查看>>