移动端根据屏幕大小自动设置body字体大小
来源:互联网 发布:win7新增打印机usb端口 编辑:程序博客网 时间:2024/05/18 00:32
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if (clientWidth >= 750) {
docEl.style.fontSize = '100px';
} else {
docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if (clientWidth >= 750) {
docEl.style.fontSize = '100px';
} else {
docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
}
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
阅读全文
0 0
- 移动端根据屏幕大小自动设置body字体大小
- Android 根据屏幕大小设置字体大小
- 根据屏幕大小自适应字体大小
- 移动端根据设备大小设置字体大小(居于案例的理解扩展)
- 移动端开发 根据html的字体大小来设置布局
- 根据屏幕大小设置字体
- js根据手机屏幕宽度自动设置字体大小
- C#根据屏幕大小设置窗体大小
- 动态获取页面大小,根据大小给html设置字体大小
- J2ME根据屏幕大小自动分割字符串
- C# Winform根据屏幕大小自动缩放
- 手机页面 根据网页大小自动显示字体大小
- Android 根据屏幕大小设置字体
- Android 根据屏幕大小设置字体
- C#根据屏幕大小设置窗体
- Android 根据屏幕大小设置字体
- C#根据屏幕大小设置窗体
- C#根据屏幕大小设置窗体
- 调戏木马病毒的正确姿势-基础篇
- 点击页面上的一个按钮时,如何触发controller中的方法
- date对象常用方法
- C#的银行家算法的实现
- SpannableStringBuilder导致ellipsize失效(两者冲突)
- 移动端根据屏幕大小自动设置body字体大小
- 动态规划之零件加工
- 小学生开始学Python,还有什么能够阻挡我对Python的向往?
- 舒服的判断当前应用是否处于前台
- Golang从入门到精通(十四):Golang结构体
- 数组 链表 哈希表
- 数据结构实验之查找三:树的种类统计
- 【剧透】2017云栖大会·北京峰会——企业云上业务优化专场
- MongoDB查询