js判断页面放大缩小
2015-09-21 10:55
459 查看
项目中,经常会碰到页面被放大或者缩小,导致页面显示错误,js可以判断页面放大缩小。
window.onresize 事件可用于检测页面是否触发了放大或缩小。
// 若返回100则为默认无缩放,如果大于100则是放大,否则缩小 function detectZoom (){ var ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ratio = window.devicePixelRatio; } else if (~ua.indexOf('msie')) { if (screen.deviceXDPI && screen.logicalXDPI) { ratio = screen.deviceXDPI / screen.logicalXDPI; } } else if (window.outerWidth !== undefined && window.innerWidth !== undefined) { ratio = window.outerWidth / window.innerWidth; } if (ratio){ ratio = Math.round(ratio * 100); } return ratio; };
window.onresize 事件可用于检测页面是否触发了放大或缩小。
相关文章推荐
- [ JS 进阶 ] 基本类型 引用类型 简单赋值 对象引用 (转)
- Json对象转为实体对象
- MeshBasicMaterial 网格基础材质
- 项目____利用JSTL、EL表达式动态设置各种..
- Ember.js 入门指南——调试助手
- threejs翻译 MeshDepthMaterial 网格深度材质
- css代码模拟时钟 +js对时
- 关于原生js的一些研究
- 浅析JSONP之解决ajax跨域问题
- Jsp中Forward使用小实例
- javascript:void(0)
- JSP超链接传递多个参数
- JavaScript 高级程序设计 (1-5)
- Jsonp实现Ajax跨域Demo
- javascript 继承
- jsonp详解
- javascript前台split处理字符串
- JSP遍历后台传过来的List
- ExtJs-define定义一个类
- 最完美解决方案:js弹出窗口关闭当前页面,而不弹出提示框