首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

如何知道页面被放大缩小了

2012-10-24 
怎么知道页面被放大缩小了有个投诉说页面变形了,一问才知道页面被用户不小心zoom了,这个情况最好是能对用

怎么知道页面被放大缩小了
有个投诉说页面变形了,一问才知道页面被用户不小心zoom了,这个情况最好是能对用户有个提示。写了个IE和firefox下检测zoom的demo:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
< BODY >
< div  id ="output" ></ div >
< SCRIPT  LANGUAGE ="JavaScript" >
<!--
( function (){
    window.onresize = testZoom;
     var  _screenOriginalWidth = window.screen.width
     function  testZoom(){
         if (window.screen.width < _screenOriginalWidth){
            document.getElementById( " output " ).innerHTML = " <br>放大啦 " ;
        }
         if (window.screen.width > _screenOriginalWidth){
            document.getElementById( " output " ).innerHTML = " <br>缩小啦 " ;
        }
        _screenOriginalWidth = window.screen.width
    }
})()
// -->
</ SCRIPT >
</ BODY >
</ HTML >

热点排行