layer.open()弹窗缩放后偏移因默认用fixed定位+像素坐标且不监听resize；需layer.config({resize:true,moveout:false})启用自动重定位，支持百分比定位和手动layer.resize()触发。
layer.open() 打开的弹窗为什么缩放浏览器后位置偏移？
因为 layer.open() 默认使用固定定位（position: fixed）+ 绝对像素坐标（top/left），初始化时计算一次位置，后续窗口缩放不会触发重排。它不监听 resize 事件，也不做响应式重定位。
用 layer.config() 开启自动居中和 resize 重定位
Layer 从 v2.8 开始支持原生 resize 响应，但需显式启用。关键是配置 resize 和 moveOut 两项：
-
resize: true— 启用窗口缩放时自动重新计算并调整弹窗位置（含居中、右下角等 type） -
moveOut: false— 防止拖拽出视口后被“拉回”，否则缩放时可能因边界判断异常导致跳动
必须在 layer.open() 之前调用 layer.config() 全局设置：
layer.config({
resize: true,
moveOut: false
});
<p>layer.open({
type: 1,
content: '#myDiv',
area: ['500px', '300px']
});</p>
自定义弹窗位置时如何保证缩放兼容？
如果你用了 top、left 手动设位置（比如 top: '20%' 或 left: '30%'），resize: true 仍能生效 —— Layer 会把百分比值在每次 resize 后按新视口宽高重新解析，而不是存死像素值。
小红书长文-谷歌浏览器
下载
在 Linux 上通过 Chrome 挂载/VNC 自动发布小红书长笔记。Agent 撰写标题和正文后执行 xhs_publish.sh --publish --submit，触发小红书发布。
- ✅ 推荐写法：
top: '15%', left: 'center'（'center'是 Layer 内置关键字，等效于50%水平居中） - ❌ 避免写法：
top: '100px', left: '200px'（缩放后绝对像素不再适配） - ⚠️ 注意：
maxmin: true时，最大化/还原操作也会触发重定位，依赖同一套 resize 逻辑
layer.resize() 手动触发重定位的适用场景
当你的页面有自定义布局变化（比如侧边栏折叠、顶部导航高度动态变化），仅靠浏览器 resize 事件不够时，可主动调用 layer.resize(index) 强制刷新某层位置：
- 先用
layer.open()返回的索引（index）保存下来 - 在 DOM 结构变化后（如 class 切换、height 变更），立即调用
layer.resize(index) - 该方法内部会重新读取
top/left配置，并结合当前视口尺寸计算新坐标
例如侧边栏收起后触发重算：
const index = layer.open({ /* ... */ });
// 之后
document.body.classList.add('sidebar-collapsed');
layer.resize(index); // 立即重定位
真正关键的是：不要试图自己监听 window.onresize + layer.style() 改 top/left —— Layer 的 resize 机制已封装了边界检测、动画过渡、多层 zIndex 协调，手动干预容易破坏这些细节。
