<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<style>
body[zoom='scale']:before{
content: '您的網頁處於縮放狀態，請按 Ctrl+0 恢復到瀏覽器默認大小';
z-index: 9999;
position: fixed;
left:0;
top:0;
width: 100%;
line-height: 44px;
background: rgba(50,57,65,0.9);
border-bottom: 1px solid #ccc;
text-align: center;
font-family: 黑體;
color: #fff;
}
</style>
</head>
<body>
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="http://www.papastyle.cn/detectZoom/jquery.detectZoom.js"></script>
<div>js監聽頁面放大縮小</div>
</body>
</html>