js缩放整体页面-----兼容ie和火狐，谷歌应该可以自己试一下

最新推荐文章于 2025-06-14 11:11:40 发布

原创最新推荐文章于 2025-06-14 11:11:40 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

本文介绍了一种通过JavaScript实现网页内容缩放的方法。利用zoom属性和transform属性改变页面大小，提供了zoomin和zoomout两个函数来调整显示比例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.前言。
如题。
2.代码


<script type="text/javascript">

	var size = 1.0;  
	function zoomout() {  
	 size = size + 0.1;  
	 set(); 
	}  


	function zoomin(rat) {  
	 size = size - rat;  
	 set();  
	}  


	function set() {  
	 //document.body.style.cssText = document.body.style.cssText + '; -webkit-transform: scale(' + size + ');-webkit-transform-origin: 0 0;';   
	 //document.body.style.cssText = document.body.style.cssText + '; -webkit-transform: scale(' + size + '); '; 
	 //$(body).css("width","120%);
	document.body.style.zoom = size;
	document.body.style.cssText += '; -moz-transform: scale(' + size + ');-moz-transform-origin: 0 0; ';     //
	} 
	//缩小比例减掉一个值，值越大越小
	zoomin(0.5);
	</script>