emu in blogjava

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  171 随笔 :: 103 文章 :: 1052 评论 :: 2 Trackbacks
有个投诉说页面变形了,一问才知道页面被用户不小心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>
posted on 2011-06-23 19:20 emu 阅读(4666) 评论(6)  编辑  收藏 所属分类: web优化

评论

# re: 怎么知道页面被放大缩小了 2011-06-28 14:38 许大熊
不是放大就是缩小。还原不了最正常的页面?  回复  更多评论
  

# re: 怎么知道页面被放大缩小了 2011-08-10 17:17 FrankFang
对呀,最好能知道什么时候是100%  回复  更多评论
  

# re: 怎么知道页面被放大缩小了 2011-08-17 15:11 回转窑
恩恩 不错 很实用的。。。  回复  更多评论
  

# re: 怎么知道页面被放大缩小了 2011-09-02 12:09 czg
做个无论放大缩小都不变形的网页就可以了嘛  回复  更多评论
  

# re: 怎么知道页面被放大缩小了 2011-12-19 11:05 胡尐睿丶
chrome不执行。
ie下单纯缩小放大没问题,如果缩小200%,再放大100%,提示就错了。
如果页面本身就是放大或缩小也会提示出错。  回复  更多评论
  

# re: 怎么知道页面被放大缩小了 2012-02-04 16:01 meteoric_cry
qzone最后使用的是通过swf回调来实现的  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: