有个投诉说页面变形了,一问才知道页面被用户不小心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 >
< 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 >
本博客提供了一个简易的JavaScript脚本,用于检测浏览器窗口缩放情况,并在页面上显示提示信息,帮助用户注意到页面可能因zoom操作而变形。
1万+

被折叠的 条评论
为什么被折叠?



