area: ['auto', 'auto']对type:2 iframe无效，会因parseInt解析失败导致高度塌缩为-50px；正确方案是success回调中监听iframe load事件后调用layer.iframeAuto(index)，并用try/catch处理跨域异常。
area: ['auto', 'auto'] 对 type:2 iframe 根本不生效
直接写 area: ['auto', 'auto'] 或 area: 'auto' 是无效的，尤其对 type: 2（iframe 层）。layui 在 v3.1.1 及多数稳定版本中会把高度解析为 0 或默认 150px，弹窗要么塌缩成一条线，要么被截断。
原因在于源码里对 iframe 高度做了硬编码减法：parseInt(this.options.area[1]) - 50。传入 'auto' 或 '90%' 都会返回 NaN，最终算出 -50px —— 弹层直接看不见内容。
- 真正能用的写法只有两种：
area: ['80%', 'auto']（仅限type: 1）或area: ['80%', '90vh']（vh单位绕过parseInt） -
type: 2必须放弃area自动撑开幻想，改走layer.iframeAuto(index)路线 - IE9 不支持
vh，若需兼容，只能退回到像素值 + 手动 resize
type:2 iframe 必须等 load 完再调 layer.iframeAuto
layer.iframeAuto(index) 不是配置项，而是手动触发的函数。它在 success 回调里调用也不够——因为此时 iframe 往往还没加载完 DOM，取到的 outerHeight() 是 0 或占位高度。
- 必须监听 iframe 的
load事件：layero.find('iframe').on('load', () => layer.iframeAuto(index)) - 加
setTimeout(() => {}, 100)防抖：避免 DOM 渲染未完成就取高，iOS Safari 和部分安卓 WebView 尤其需要 - 跨域 iframe 会抛
SecurityError，必须用try/catch包裹，失败后 fallback 到预设尺寸，例如area: ['800px', '80%'] - 别在
ready阶段或 open 外部调用 ——index无效，contentDocument不可读
type:1 内嵌 HTML 用 area: ['宽', 'auto'] 就够，但得防溢出
type: 1（即传字符串 HTML 或 DOM 节点）是唯一能靠 area 真正自适应的场景。原理是 layer 把内容塞进 .layui-layer-content，并设了 min-height: 150px 和 max-height: none，所以 'auto' 能生效。
- 宽度建议固定（如
'600px'），避免小屏下文字挤成窄条 - 高度写
'auto'，别写'100%'或'80%'—— 那是相对 viewport 计算，容易顶穿顶部 - 必须配
maxHeight，例如maxHeight: $(window).height() * 0.8，否则长内容直接冲出可视区 - 内容含 AJAX 表格或懒加载图片？加载完要再调一次
layer.style(index, {height: 'auto'})
移动端和跨屏适配最容易忽略的三件事
不是所有“自适应”都能在 iPhone 或折叠屏上跑通。很多问题不是代码错，而是环境差异没兜住。
-
viewport缩放、iOS Safari 的渲染延迟会让layer.style(..., {height: 'auto'})算不准，优先用area: ['90%', 'auto'] + maxWidth: '90%'更稳 - 小屏判断别只看
$(window).width()，要结合window.devicePixelRatio和document.documentElement.clientWidth防误判 - 用了
fixed: true（默认），弹窗垂直居中不是自动的 —— 高度变后必须手动重算margin-top，且先清掉top：layero.css('top', 'auto').css('margin-top', `${offset}px`)
