touchmm 发表于 2013-2-7 18:28:01

怎么知道页面被放大缩小了

<div class="postText">有个投诉说页面变形了,一问才知道页面被用户不小心zoom了,这个情况最好是能对用户有个提示。写了个IE和firefox下检测zoom的demo:

<div style="border-right: 1px solid #cccccc; padding: 4px 5px 4px 4px; font-size: 13px; width: 98%; background-color: #eeeeee; border: 1px solid #cccccc;"><!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>
页: [1]
查看完整版本: 怎么知道页面被放大缩小了