js实现适配不同的屏幕大小
2017-04-10 08:25
465 查看
话不多说,请看代码:
// 通过js适配不同的屏幕大小 (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; // 根据设备的比例调整初始font-size大小 if(clientWidth>640) clientWidth = 640; docEl.style.fontSize = 50 * (clientWidth / 320) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window);
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- Android是如何在不同屏幕上适配图片的 -- 或控件大小
- Android开发中如何适配不同屏幕大小(1)
- android 适配不同大小屏幕的方法
- 【Android Training - 02】适配不同的屏幕[Lesson 1 - 支持不同的屏幕大小]
- 借鉴drawable文件夹,values使用dimens控制字体大小、边距大小。适配Android不同机型,不同屏幕
- Android是如何在不同屏幕上适配图片的 -- 或控件大小
- 屏幕界面android学习笔记---49_屏幕适配,根据不同手机屏幕大小适配软件界面
- js 根据屏幕大小调用不同的css文件
- android开发如何更好的解决适配不同屏幕大小移动设备的问题
- Android Training - 适配不同的屏幕(Lesson 1 - 支持不同的屏幕大小)
- js 根据屏幕大小调用不同的css文件
- Android是如何在不同屏幕上适配图片的 -- 或控件大小
- 字体大小sp的适配、不同屏幕密度下dp的适配、布局的适配以及横线的设置
- android学习笔记---49_屏幕适配,根据不同手机屏幕大小适配软件界面
- Cocos2d-JS中CollectionView实现不同大小Cell同时显示的技巧(ListView中添加显示标签)
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
- [置顶] iOS适配不同屏幕下的字体大小
- js 根据屏幕大小调用不同的css文件
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_
- 借鉴drawable文件夹,使用dimens控制字体大小、边距大小。适配Android不同机型,不同屏幕