Layui弹窗需手动监听resize和orientationchange事件并节流重定位：获取index后，用setTimeout节流，检查DOM存在性，调用layer.style重居中并加边界约束；iframe弹窗须在load后调用layer.iframeAuto；移动端需额外监听orientationchange并延时执行。
当浏览器窗口缩放、分屏或切换横竖屏时，Layui弹窗常出现位置偏移、遮挡、错位甚至卡在左上角不动——这不是配置遗漏，而是layer.open默认不监听resize事件，必须手动绑定节流监听并安全重定位。
监听窗口变化并重居中弹窗
这一步操作起来很简单，直接监听window.resize，但必须加节流、检查DOM存在性、限制重定位范围，否则会抖动或报错。
第一步：在layer.open成功打开后，拿到返回的index值；
第二步：用setTimeout实现100ms节流，避免resize高频触发导致样式冲突；
第三步：每次resize回调中，先判断$(‘#layui-layer-’ + index).length是否为0，为0则return，防止弹窗已关闭还强行操作DOM；
第四步：调用layer.style(index, { top: '50%', left: '50%', margin: '-'+(layero.height()/2)+'px 0 0 -'+(layero.width()/2)+'px' })，但【注意：不能直接用layero变量，它只在success回调里有效；必须用$('#layui-layer-'+index)重新获取DOM】；
第五步：为防top/left计算溢出可视区，加边界约束：最终top取值为Math.max(20, Math.min($(window).height() - layero.outerHeight(), parseInt(layero.css('top'))))，left同理。
针对iframe弹窗的特殊处理
如果弹窗是type: 2（iframe），仅重定位不够——iframe内容尺寸没变，会导致内部滚动条突兀出现或底部留白。
方法一：在layer.open的success回调中，给iframe绑定load事件，load完成后立即调用layer.iframeAuto(index)；
方法二：在resize节流回调里，先判断iframe是否已加载完成（layer.getChildFrame(index).length > 0），再执行layer.iframeAuto(index)；
【关键前提：layer.iframeAuto()必须在iframe load完成后调用，否则高度取到0，弹窗会被压扁】
移动端横竖屏切换的兜底监听
安卓和iOS WebView下，横竖屏切换有时不触发resize事件，需额外监听orientationchange。
在绑定resize监听的同时，加上：$(window).on('orientationchange', function() { setTimeout(() => { repositionLayer(index) }, 300) })；
延时300ms是为了等系统动画结束、$(window).height()值稳定后再计算；
这一步不能省，尤其在微信内嵌浏览器中，orientationchange比resize更可靠。
