有個投訴說頁面變形了,一問才知道頁面被用戶不小心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>