移动端Layui弹窗需用响应式配置：area设百分比数组（如['90%','auto']）、fixed:true、shadeClose:true、anim:'up'；弃用maxWidth/maxHeight，iframe弹窗需动态适配高度并处理跨域。
在移动端打开Layui弹窗时，固定像素宽高会导致小屏溢出、大屏留白，必须用响应式单位配合关键配置才能让弹窗贴合设备视口。
设置area为百分比并启用fixed定位
第一步：调用layer.open时，area参数必须传数组形式的百分比，例如['90%', 'auto']；【不能写成['400px', 'auto']或['100px', 'auto']】，否则iPhone SE等小屏设备上弹窗会窄得只剩一列文字。
第二步：务必显式设置fixed: true；不加这句，页面上下滚动时弹窗会脱离原位漂移，尤其在iOS Safari中表现明显。
第三步：搭配shadeClose: true和anim: 'up'，符合移动端从下往上滑入的交互直觉。
避免maxWidth/maxHeight在移动端误用
方法一：直接放弃maxWidth/maxHeight；它们只在area: 'auto'时生效，而移动端更需要的是相对视口的弹性尺寸，硬设360、600这类像素值是反模式。
方法二：若内容极长需防顶穿屏幕，可用动态计算：maxHeight: $(window).height() * 0.8，但仅作兜底——优先靠area: ['90%', 'auto']让内容自然撑开高度。
注意：不要混用area: ['600px', 'auto']和maxWidth: 800，宽度已固定，maxWidth就完全失效。
适配iframe类型弹窗的高度自适应
① 在layer.open中设type: 2且area: 'auto'，同时传maxHeight: 600（数值单位为px）；
② 在success回调里监听iframe的load事件：layer.getChildFrame('iframe', index)[0].onload = function(){ layer.iframeAuto(index); }；
③ 若跨域导致iframeAuto报错，用try/catch降级：try{ layer.iframeAuto(index) }catch(e){ layer.style(index, { height: '70vh' }); }；【不加try/catch会导致整个弹窗初始化失败】
④ iframe内页的body必须加min-height: 100vh，否则即使外层设了maxHeight，iframe自身也不会触发内部滚动。
