JavaScript
能不能调用浏览器的缩放功能,就是平时我们按 Ctrl + 鼠标滚轮
的效果
注:因为使用 zoom: x;
和 transform: scale(x);
会有一些小问题(主要是 Firefox
下的),所以会有以上需求。
JavaScript
能不能调用浏览器的缩放功能,就是平时我们按 Ctrl + 鼠标滚轮
的效果
注:因为使用 zoom: x;
和 transform: scale(x);
会有一些小问题(主要是 Firefox
下的),所以会有以上需求。
用window.onresize
监听变化
<!DOCTYPE html>
<html>
<head>
<title>滑稽</title>
<meta charset="UTF-8">
<script src="jquery.min.js"></script>
</head>
<body>
<div id="demo">
请改变窗口大小</div>
</body>
<script type="text/javascript">
window.onresize = function(){
document.getElementById("demo").innerHTML="宽度:"+document.documentElement.clientWidth+",高度:"+document.documentElement.clientHeight;
}
</script>
</html>
浏览器好像真没提供这样的接口
https://developer.mozilla.org...
其实,想缩放整个页面, 可以尝试用 JS 设置 body 的 transform: scale(); 估计还得计算一下向上的平移量.
http://www.jb51.net/article/2... 监听事件
http://blog.csdn.net/huwei200... js页面缩放
好像不太好弄,能监听到键盘和鼠标的按键事件,但是滚轮貌似没有监听前滚还是后滚。如果能监听滚动方向就好办了。
10 回答11.1k 阅读
6 回答2k 阅读✓ 已解决
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
应该是只能模拟,
document.body.style.zoom = xxx