layui layer弹窗可通过layer.style(index, {width, height})实时调整尺寸，需传带单位字符串，height:'auto'仅解除限制；异步内容需延迟或监听加载完成再重设；窗口缩放需绑定resize并及时解绑防泄漏；还原原始尺寸须自行保存初始area值。
已打开的 layui layer 弹窗需要实时调整宽高，比如内容加载后撑大、用户点击“展开详情”、或响应窗口缩放时重适配尺寸。
用 layer.style 直接重设宽高
这是最直接、最常用的方法，适用于所有 type（1/2/3）弹窗，且无需重新 open。
第一步：在打开弹窗时保存其索引值，例如 var index = layer.open({...});
第二步：调用 layer.style(index, {width: '800px', height: 'auto'}); 即可立即生效。注意 width 和 height 必须是字符串格式，带单位（如 '600px'、'auto'、'80%'），不能传数字 600 或布尔值 true。
这一步操作起来很简单，直接把新尺寸对象传进去就行。但【height: 'auto' 不会自动计算真实内容高度，它只是解除固定高度限制，是否撑开取决于内部 DOM 和 CSS 是否允许溢出】。若内容区被 overflow: hidden 锁死，或 .layui-layer-content 设了 flex: 1，那即使写了 'auto' 也看不到变化。
针对异步内容的动态重算
当弹窗内通过 AJAX、Vue 渲染表格、或图片加载完成后，DOM 高度才真正确定，此时必须手动触发重绘。
方法一：在 success 回调中用 setTimeout 延迟执行
layer.open({ content: '/data.html', success: function(layero, index) { setTimeout(() => { layer.style(index, {height: 'auto'}); }, 150); } });
方法二：监听内容加载完成事件（推荐用于含图片的场景）
在弹窗内容区域（如 #content-box）内，等所有 img 加载完毕再调 layer.style；可用原生 img.onload 或 imagesLoaded 库。不这样做，高度可能算矮——图片还没占位，layer 就按文字行高撑开了。
方法三：AJAX 渲染完表格后主动通知
$.get('/api/table', function(html) { $('#table-container').html(html); layer.style(index, {height: 'auto'}); });
响应窗口缩放自动适配
用户拖拽浏览器边框改变窗口大小时，已打开的弹窗不会自动重算，必须手动绑定 resize 监听。
先定义一个适配函数：
function resizeLayer(index) { const w = $(window).width(); const h = $(window).height(); const newWidth = w > 768 ? '600px' : '95%'; const newHeight = h > 600 ? 'auto' : '80%'; layer.style(index, { width: newWidth, height: newHeight }); }
再在弹窗打开后绑定：
var index = layer.open({...}); $(window).on('resize.layer-'+index, function() { resizeLayer(index); });
⚠️ 注意：每次关闭弹窗前务必解绑，否则内存泄漏。可在 layer.close 之前执行 $(window).off('resize.layer-'+index);
这一步不能漏掉，否则多个弹窗反复打开会堆积大量重复监听器。
还原为原始尺寸的快捷方式
如果之前用 layer.style 改过尺寸，又想一键恢复初始宽高，layer 本身不提供 revert 接口，需自己记录原始配置。
打开时就存一下：
var originArea = ['500px', '400px']; var index = layer.open({ area: originArea, ... });
之后任意时刻执行 layer.style(index, { width: originArea[0], height: originArea[1] }); 即可还原。
别依赖 layer.cache[index].config.area 动态读取——它只存初始化值，后续 layer.style 修改不会更新该字段。
