layer.config({resize: true, moveOut: false}) 是自动重定位的必要前提，必须在 layer.open() 前调用且仅生效一次；area 需为函数以响应窗口缩放，resize 回调中需节流并校验弹层存在性及最大化状态。
layer.config({resize: true}) 是自动重定位的前提，不是可选项
不设 resize: true，弹窗缩放后位置就“钉死”在初始像素坐标上，无论你写 top: '20%' 还是 left: 'center' 都不会重新计算。这个配置必须在 layer.open() 之前调用，且只生效一次——后续打开的弹层都会继承该行为。
常见错误是把它写在 open 的参数里：{ resize: true } —— 这个字段 layer 会直接忽略。正确姿势只有这一种：
layer.config({
resize: true,
moveOut: false
});
layer.open({ type: 1, content: '#myDiv', area: ['600px', '400px'] });
-
moveOut: false必须配，否则缩放时弹层可能被“拉回”视口边缘，造成跳动 - 如果你用了
maxmin: true（带最大化按钮），resize: true同样会让最大化/还原动作触发重定位 - 百分比定位（如
top: '15%'）能正常工作，但绝对像素（如top: '100px'）缩放后必然错位
area 写成函数才能响应窗口尺寸变化
想让弹窗宽高随窗口缩放动态变，area 不能是静态数组，比如 ['600px', '400px'] 或 ['80%', '60%'] —— 它们只在打开时计算一次。必须把判断逻辑封装成函数：
layer.open
- 别把函数体直接写进
area字段，比如area: function(){...}()—— 这样还是只执行一次 - 函数名要提前定义，确保调用时已存在；若在模块或闭包里，注意作用域
- 手机端减去的
100px是经验值，含标题栏、系统导航条等，iOS Safari 和微信内嵌需实测微调 - 避免用
screen.height直接算，部分安卓 WebView 返回的是物理分辨率，不是可用视口高度
type: 2 的 iframe 弹层必须加 iframeAuto: true
开启 resize: true 只影响弹层容器本身，对内部的 标签无效。如果不加 iframeAuto: true，拉伸或缩放后 iframe 高度卡在初始值，要么留白，要么滚动条压住内容。
这个配置仅对 type: 2 生效，type: 1（内嵌 HTML）不需要。
-
iframeAuto: true会在弹层尺寸变化后，主动设置 iframe 的style.height，并尝试触发子页面的resize事件 - 子页面如果用了 echarts、swiper 等组件，仍需自己监听
window.onresize或parent.layer.iframeAuto调用后手动重绘 - 不要在
success回调里再调layer.iframeAuto(index)—— 它已由框架自动触发，重复调用无意义
手动监听 window.resize 是补漏关键，但得节流防抖
resize: true 解决了「用户拖拽拉伸」和「点击最大化/还原」的重定位，但对浏览器窗口缩放、全屏切换、侧边栏折叠等 DOM 布局变化无感。这些场景必须自己监听 window.resize 并干预。
直接绑定 $(window).on('resize', () => layer.style(...)) 会高频触发、卡顿、甚至因 DOM 尚未渲染完成而报错。稳妥做法是：
- 用
setTimeout做简单节流，延迟 100ms 执行 - 每次执行前检查弹层 DOM 是否还存在：
$('#layui-layer-' + index).length === 0 - 只对当前活跃的弹层 index 操作，别全局遍历所有 layer 实例
- 避免在 resize 回调里调
layer.iframeAuto()，它不负责位置重算，只管高度
真正容易被忽略的是：当弹层处于最大化状态时，窗口缩放不应再触发重定位——否则会和内置的 maxmin 逻辑冲突。得先判断 layer.getChildFrame(index).length > 0 或记录当前状态再决定是否处理。
