html 页面 根据浏览器窗口大小 实时调整--(自适应)的js代码控制

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_37306041/article/details/83015174

1.js代码

//iframe自适应
	$(window).on('resize', function() {
		// 设置Iframe窗口大小
		configIframe();
	}).resize();
function configIframe(){
		var $content = $('.layui-body');
		$content.height($(this).height() - 75);
		$content.width($(this).width() - 250); 
		$content.find('iframe').each(function() {
			$(this).height($content.height());
			$(this).width($content.width());
		});
		var $screenWidth = $("body").width();
		var $mainHeader = $(".layui-header"); 
		$mainHeader.width($screenWidth - $(".layui-side ").width()); 
		
	}

 

展开阅读全文

没有更多推荐了,返回首页