layer.open默认居中但常失效，根本原因在于页面环境破坏fixed定位或视口计算：一是缺少导致怪异模式，使$(window).height()等失准；二是body或html被设position:relative、height:100%或transform，干扰fixed定位上下文；三是父容器存在transform触发新containing block，使弹窗相对错误容器定位。
layer.open 默认居中但常失效，原因在哪？
默认就是居中，但多数“不居中”不是 layer 问题，而是页面环境破坏了 fixed 定位或视口计算。最常见三类干扰：doctype 缺失导致怪异模式、body 或 html 被设了 position: relative 或 height: 100%、父容器有 transform 触发新 containing block。这些都会让 layer 的 fixed 定位失效，变成 relative 到错误上下文。
检查方法：打开开发者工具，看弹层 DOM 的 style 是否含 position: fixed；再看它的 left 和 top 是不是像素值（正常）还是 auto（说明定位被覆盖）。
怎么确保第一次打开就真居中？
不用写 offset，更别设 offset: 'auto'——它在某些版本里反而触发顶部对齐。最简可靠写法是显式指定 area 并避开干扰项：
-
area必须设至少一个维度，比如area: ['600px', '400px']或area: ['90%', 'auto']；不设易因内容渲染时机导致初始抖动 - 绝对不要给
body加position: relative、transform或overflow: hidden - 确保
在 HTML 第一行，否则 <code>$(window).height()返回0 - 若用 iframe 嵌套，优先从顶层
top.layer.open调用，避免layer错把 iframe 内body当作视口
窗口缩放或滚动后弹窗偏移，怎么响应？
从 Layui v2.8 起，原生支持 resize 自动重定位，比手写 window.onresize 更稳：
先全局启用：
layer.config({ resize: true, moveOut: false });再调用 layer.open()。这样缩放、最大化、还原都会自动重算位置。注意两点：
- 手动设的
top/left必须用百分比（如top: '15%'、left: 'center'），不能用像素（top: '100px'不响应缩放） - 若页面有侧边栏折叠等非 resize 变化，用
layer.resize(index)主动刷新，比如document.body.classList.toggle('sidebar-collapsed')后立即调用
移动端小屏或键盘弹起后弹窗出界怎么办？
单纯按视口居中，在手机上极易顶部被截或底部消失。必须加边界约束：
用 maxHeight 限制高度，配合 area 控制宽度：
layer.open({
area: ['90%', 'auto'],
maxHeight: $(window).height() * 0.7,
content: '#myForm'
});
如果内容动态加载（如表单渲染、异步填充），在 success 回调里延时重算位置：
- 用
setTimeout等 DOM 渲染完成，再取$layer.outerWidth()/outerHeight() - 计算时用
$(window).height()而非$(document).height()，后者包含滚动区域，会偏高 - top 值需加滚动偏移：
top: $(window).scrollTop() + ($(window).height() - h) / 2，否则滚动到底部弹窗会飞到页面顶部
真正麻烦的是 iframe 场景和 transform 缩放页面——这两类没有通用解，得逐个测 getBoundingClientRect() 是否可信，再 fallback 到手动 style 计算。
