必须在layer.open的success回调中绑定wheel事件并操作transform: scale()实现缩放，同步更新容器高度与scale状态，且需兼容移动端双指缩放与桌面滚轮逻辑。
layer.open内容区监听wheel事件必须用success回调绑定
直接在全局或dom加载后监听document或body上的wheel事件，对layer弹窗内容无效——因为layer生成的dom是动态插入的，且默认不冒泡到外层。必须在layer.open的success回调里获取弹窗容器，再对内容区子元素绑定事件。
常见错误是把监听写在layer.open调用之前，或误绑到layero（整个弹层）而非其内部的内容容器上，导致事件根本没注册成功。
-
success是唯一可靠时机：此时layero已挂载、DOM可查、样式已生效 - 内容区需有明确包裹容器，如
<div class="zoom-wrapper"><img src="..."></div>，不要直接操作layer-content文本节点 - 若使用
type: 1（页面型），content传入的是HTML字符串，需确保该HTML中已包含包裹结构
缩放必须用transform: scale()，禁用zoom和css zoom属性
zoom CSS属性在Firefox完全不支持，且与transform混用会触发重排异常；css zoom也不是标准属性，Layui也不兼容。唯一跨浏览器可行方案是transform: scale() + transform-origin手动控制缩放中心点。
滚轮缩放默认以容器左上角为原点，用户感知差。要实现“以鼠标位置为中心缩放”，必须在wheel事件中计算坐标偏移，并动态调整transform-origin值。
- 先用
e.clientX / e.clientY减去容器getBoundingClientRect()位置，换算成相对容器内的像素坐标 - 将该坐标转为百分比（如
50% 30%），赋给transform-origin - 每次缩放后，
scale值需缓存并限制范围，推荐Math.min(Math.max(scale * delta, 0.5), 2)
layer弹窗高度不会随transform自动适配，必须手动同步
transform: scale()会让内容视觉变大，但DOM尺寸不变，父容器（layero）高度仍按原始尺寸计算，导致底部被裁切或留白。Layui的area配置和layero.height()方法必须手动干预。
不能只改img高度，要改整个内容容器的包裹层（如.zoom-wrapper）高度，再反推layero高度——否则滚动条、遮罩层位置都会错乱。
- 用
$container[0].scrollHeight * currentScale粗略估算缩放后真实高度 - 加上padding、border、title栏等固定偏移（通常+40px左右）
- 调用
layero.height(newHeight)，避免用layer.style(...)硬写style，破坏layer内部状态
移动端双指缩放无法靠wheel事件覆盖，必须单独实现touch逻辑
桌面端wheel或mousewheel事件在iOS/Android WebView中基本不可用，双指缩放（pinch-to-zoom）需自己监听touchstart/touchmove，计算两指距离变化比。
关键难点是：双指缩放后，scale状态必须与滚轮逻辑共享，否则用户先双指放大再滚轮，会从1x开始叠加，造成跳变。所有缩放操作必须共用同一个scale变量。
-
touchstart时记录两指初始距离initialDistance = Math.hypot(dx, dy) -
touchmove中实时计算当前距离，得出deltaScale = currentDistance / initialDistance - 用
preventDefault()阻止页面滚动，但别阻止touchmove本身，否则手势卡顿 - 缩放后立即更新
scale变量，并重置滚轮的基准值，避免后续滚轮基于旧scale叠加
真正难的不是写几行transform，而是让缩放行为在桌面滚轮、移动端双指、键盘快捷键（如Ctrl+/-）之间状态一致、原点对齐、边界可控。layer本身不提供缩放抽象，所有状态管理、坐标换算、尺寸同步都得自己兜底。
