1. 程式人生 > >html 頁面 根據瀏覽器視窗大小 實時調整--(自適應)的js程式碼控制

html 頁面 根據瀏覽器視窗大小 實時調整--(自適應)的js程式碼控制

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()); 
		
	}