JQ插件第四十三:网页内容自适应窗口大小

最新推荐文章于 2021-07-06 11:29:31 发布

chinet_bridge

最新推荐文章于 2021-07-06 11:29:31 发布

阅读量2.7k

点赞数

分类专栏： jq插件鉴赏插件介绍

本文链接：https://blog.csdn.net/chinet_bridge/article/details/27949525

版权

jq插件鉴赏同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

插件介绍

8 篇文章 0 订阅

订阅专栏

下载

$(function(){
	var doresize = function(){
	var z2 = $(window).height();
	var k2 = $("body").height(); 
	var zk = z2/k2;
	if($.browser.mozilla){ 
		$("body").css({
		"-webkit-transform-origin":"top left"
		,"-moz-transform-origin":"top left"
		,"-webkit-transform":"scale("+zk+")"
		,"-moz-transform":"scale("+zk+")"
		})
	}else{
		$("body").css("zoom",zk);
	}
		$("body>div").css("margin","0 auto");
	};
	doresize();
	$(window).resize(function(){
		doresize();
	});
});

适合手机站点页面和PC机上的站点页面尺寸兼容.

页面HTML布局简单时调用还行，复杂页面还须辅助修改插件。

在Google,IE浏览器可以看到效果,火狐浏览器效果不明显.