解决 iframe 高度撑不满屏幕需同步破除三层限制：一、用 skin 参数隔离并重置 .layui-layer-content 的 overflow 为 visible；二、type:2 弹层启用 iframeAuto: true，配合 area: ['100vw','100vh'] 并在 load 后调用 layer.iframeAuto；三、子页移除 body 的 overflow: hidden，设 html, body { height: auto; min-height: 100%; }；四、内容动态变化后通过 parent.layer.iframeAuto 或 load 监听触发重适配。
子页面 iframe 高度撑不满屏幕，本质不是“iframe 没设高”，而是三层限制叠加导致：父容器裁剪、iframe 自身高度锁定、子页 body 被截断。解决需同步破除这三道关卡。
一、解除 .layui-layer-content 的 overflow 裁剪
layui 默认给 .layui-layer-content 加了 overflow: auto，一旦 iframe 内容略高，底部直接被硬性裁掉——滚动条都拉不到，因为裁剪发生在容器层。
- 不要全局改
.layui-layer-content，会污染其他弹层 - 用
skin参数隔离样式：skin: 'layer-iframe-full' - 在 CSS 中定义：
.layer-iframe-full .layui-layer-content { overflow: visible !important; }（必须加!important，覆盖 layui 内联样式）
二、确保 iframe 标签自身高度拉满
即使容器放开裁剪，iframe 元素默认高度仍是 150px，不随窗口变化。仅靠 CSS 百分比无效，因为父容器没设 height，百分比无参照。
- type: 2 弹层必须显式配置：
iframeAuto: true - 若需全屏效果，不能只靠
area: ['100%', '100%']，应配：area: ['100vw', '100vh']+shade: false+closeBtn: 0 - 在
success回调中手动触发：layer.iframeAuto(index)，并监听 load 事件确保子页 DOM 就绪
三、子页面 body 必须支持自由伸展
就算外层全放开，子页自己锁死高度，照样白搭。常见雷区：
- body 上有
class="layui-layout-body"→ 自带overflow: hidden，删掉或重置 - html/body 写了
height: 100%或min-height: 100vh但没配height: auto→ 改为：html, body { height: auto; min-height: 100%; } - 用了
layui-layout且启用了layui-layout-auto→ 检查是否意外触发高度计算异常，必要时关闭自动适配
四、动态内容变高后及时重适配
表格展开、分页加载、折叠面板展开后，内容变高，但弹层不会自动响应。
- 在子页中，内容变化后主动发消息给父页：
parent.layer.iframeAuto(parent.layer.getFrameIndex(window.name)) - 或在父页的
success中绑定：layero.find('iframe').on('load', () => layer.iframeAuto(index)) - 对 window.resize 做防抖，稳定后再调
layer.iframeAuto，避免高频重算
