layer.iframeAuto(index)是唯一有效的iframe高度自适应方案，但需手动调用且确保子页面完全就绪；area:['auto','auto']无效并会导致白屏，success回调中调用仍不准因内容未真实渲染完成。
layer.iframeauto(index) 是唯一真正生效的 iframe 层高度自适应方案，但它不会自动触发，必须手动调用且确保子页面已完全就绪；直接配 area: ['auto', 'auto'] 不仅无效，v3.1.1+ 版本还会导致高度归零、弹窗白屏。
为什么 success 回调里调 layer.iframeAuto 还是不准
因为 success 只表示 iframe 元素已插入 DOM 并触发了原生 load 事件，但子页面的 DOM 渲染、图片加载、Vue mounted 后的异步请求、字体回流等都可能还没完成。此时读到的 document.body.scrollHeight 往往是 0 或严重偏小。
- 不要依赖 onload 或 success 的时机，它们和“内容真实就绪”不是一回事
- 同域下可轮询检测
iframe.contentDocument.body.scrollHeight，加 3s 超时兜底 - 跨域下必须用
postMessage：子页面在window.onload+ 所有异步渲染完成后主动发消息，父页监听并调用layer.iframeAuto - 若子页面无法修改（如第三方页面），只能降级为固定高度或百分比，例如
area: ['800px', '80%']
layer.iframeAuto 必须这样调才有效
它不是配置项，是运行时函数，调用前必须满足两个硬条件：iframe 已加载、layer 实例 index 有效。漏掉任一环节都会静默失败。
- 务必放在
success: function(layero, index) { ... }内部，不能写在 open 配置顶层 - 推荐加一层
iframe.on('load', ...)监听，再套setTimeout(..., 100)等布局微任务完成 - 必须用
try/catch包裹：跨域时访问contentDocument会抛DOMException，不捕获会导致后续 JS 中断 - 调用后若高度仍不对，检查子页面是否设置了
html { height: 100%; }或body { margin: 0; }——这些会影响scrollHeight计算
type:1（内嵌 HTML）和 type:2（iframe）的 area 写法完全不同
area 参数对不同 layer 类型解析逻辑差异极大，写错就等于没设。
-
type: 2（iframe）：不能写area: 'auto'或area: ['auto', 'auto']，前者只设宽，后者在 v3.1.1+ 触发归零 bug；正确写法是显式宽高，如area: ['800px', '600px']，再靠layer.iframeAuto动态修正 -
type: 1（内嵌 HTML）：可直接用area: ['600px', 'auto']，原理是 layer 把内容包进.layui-layer-content并设了min-height: 150px+max-height: none，但必须加maxHeight限制，否则长内容顶穿屏幕顶部 - 所有
area中的百分比（如'80%'）都是相对 viewport 计算，小屏下极易溢出，宽度建议固定像素值
垂直居中要手动算，layer 不会重算 top
即使 iframe 高度正确了，整个弹窗也常偏上——因为 layer 默认按鼠标位置或 top: 0 定位，不会根据最终高度重新计算居中点。
- 先执行
layero.css('top', 'auto')，否则margin-top会被忽略 - 拿到实际 iframe 高度
h后，计算：offset = ($(window).height() - h - titleHeight - btnHeight) / 2，其中titleHeight≈ 50px，btnHeight≈ 40px - 再执行
layero.css('margin-top', offset + 'px')，比直接改top更稳 - 如果用了
fixed: true（默认），这个 margin-top 就是最终定位依据
真正难的从来不是调哪个函数，而是判断“子页面到底什么时候才算 ready”——它取决于你能否控制子页面代码。能改子页就用 postMessage，不能改就只能妥协于固定高度或视口百分比，别在 area 字符串上反复试错。
