拖拽改变窗口大小时内容不自适应，核心原因是 resize: true 仅控制拉伸手柄显隐和容器尺寸变更，不触发内容重排或 iframe 高度同步，必须手动补全适配逻辑。
拖拽改变窗口大小时内容不自适应，核心原因是 resize: true 只控制拉伸手柄显隐和容器尺寸变更，不触发内容重排或 iframe 高度同步——必须手动补全适配逻辑。
type:2（iframe）弹层拉伸后 iframe 不撑高？加 iframeAuto: true
这是最常见也最容易漏的配置。仅设 resize: true 会让弹层容器可拉伸，但内部 iframe 标签的 height 属性仍维持初始值（通常是 150px），导致底部留白或滚动条出现。
-
iframeAuto: true必须显式写在layer.open()参数里，仅对type: 2生效 - 它不是“自动监听”，而是告诉 Layui：当弹层尺寸变化时，请主动读取
iframe.contentDocument.body.scrollHeight并重设iframe.style.height - 若子页面含 ECharts、Swiper 等组件，拉伸后需在子页内手动调用
chart.resize()或swiper.update()，iframeAuto不会帮你做这事 - 跨域 iframe 会静默失败（无法读取
contentDocument），建议用try/catch包裹调用，降级为预设高度如['600px', '80vh']
type:1（内嵌 HTML）拉伸后内容被截断？删掉 max-height 并设 area: ['auto', 'auto']
Layui 默认给 .layui-layer-content 加了 max-height: 360px 内联样式，这会硬性截断自适应行为，哪怕你写了 area: ['auto', 'auto'] 也无效。
- 不能靠 CSS 覆盖，因为该样式是初始化时直接写进 DOM 的，优先级极高
- 正确做法是在
success回调中直接操作：layero.find('.layui-layer-content').css('max-height', 'none') -
area必须是数组格式，如['600px', 'auto']；单值'auto'或对象写法均无效 - 若内容含图片，需等
img.onload触发后再调layer.style(index, {})，否则高度按占位符计算
拉伸后弹层位置偏移或顶部被切？手动重算 margin-top
Layui 拉伸只改宽高，不重算垂直居中偏移量。尤其当内容撑高后，弹层整体会上移，顶部可能被浏览器工具栏遮挡。
- 不要动
top，改margin-top更稳：layero.css('margin-top', `${(window.innerHeight - layero.outerHeight()) / 2}px`) - 执行前先确保
layero.css('top', 'auto')，否则margin-top会被 fixed 定位忽略 - 若用了
fixed: false（相对定位），则要用$(document).height()替代window.innerHeight - 建议把重算逻辑封装成函数，在
success和拉伸后的layer.style()回调里都调一次
移动端 touch 拉伸失效？Layui 原生不支持，得自己接管 touch 事件
Layui 的 resize 手柄只绑定 mousedown/mouseup，在 iOS/Android 上 touch 事件未被捕获，拖拽无响应。
- 必须手动监听
touchstart/touchmove/touchend，模拟鼠标事件逻辑 - 重点处理
touchmove中的preventDefault()，否则页面会跟着滑动 - 获取 touch 坐标要用
e.touches[0].clientX，而非e.clientX - 注意 viewport 缩放后
clientX值失真问题，iOS Safari 下建议加document.documentElement.clientWidth校准
真正难的不是拉伸本身，而是拉伸后那一连串要手动补的链路：iframe 高度、内容容器 max-height、垂直居中 margin、移动端 touch 兼容——Layui 把“可拉伸”和“自适应”拆成了两个独立开关，少配一个就卡住。
