要实现 layer.open 真全屏，需同时设置 title: false、closeBtn: 0、shadeClose: false、offset: '0px'、area: ['100vw', '100vh'] 和 style: 'top:0;left:0;right:0;bottom:0;'，并手动添加关闭按钮或 ESC 监听，关闭时恢复 body 滚动。
layer.open 怎么让弹窗强制全屏（不带边框、不留白）
不能靠 area 设成 ['100%','100%'] 就完事——那样只是拉伸尺寸，顶部标题栏、底部按钮栏、四周阴影和内边距全还在，根本不是真全屏。
真正强制全屏得关掉所有非内容区域，再用 CSS 压到视口边缘：
-
title: false关闭标题栏 -
closeBtn: 0隐藏右上角关闭按钮（值为 0 表示不显示） -
shadeClose: false点击遮罩层不关闭（否则一碰背景就退出，体验断裂） -
offset: '0px'把弹层定位起点设为左上角，避免默认居中偏移 -
area: ['100vw', '100vh']用视口单位撑满，比百分比更可靠（尤其在缩放或高 DPR 屏幕下） - 最后加一行
style: 'top:0;left:0;right:0;bottom:0;'强制贴边，覆盖 layer 内部的 transform 定位干扰
为什么用 100vw/100vh 而不是 100%
100% 是相对于父容器计算的，而 layer 的弹层 DOM 通常插在 body 下，但内部有嵌套 wrapper 和 transform，导致 100% 实际只占“当前 transform 上下文”的 100%，经常明显小于视口。
100vw 和 100vh 是绝对基于视口的，绕过所有父级布局干扰。实测在 Chrome/Firefox/Edge 下一致，Safari 15.4+ 也支持良好。
注意：如果页面存在横向滚动条，100vw 会包含滚动条宽度，可能造成轻微溢出——此时可改用 document.documentElement.clientWidth 动态算宽，但绝大多数管理后台场景无需这么复杂。
如何安全地关闭这个全屏弹层
没有标题栏和关闭按钮，用户只能靠代码控制关闭，别忘了暴露关闭入口：
- 在弹层内容里手动加一个按钮，绑定
layer.close(layer.index)（注意：layer.index是当前打开弹层的索引，必须在success回调里取，不能直接用） - 或者监听 ESC 键：
keyup事件捕获27码，再调layer.close(index) - 千万别写
layer.closeAll()，会误关其他普通弹层
示例片段：
layer.open({
type: 1,
content: '<button id="close-full">退出全屏</button>',
area: ['100vw', '100vh'],
offset: '0px',
title: false,
closeBtn: 0,
shadeClose: false,
style: 'top:0;left:0;right:0;bottom:0;',
success: function(layero, index) {
document.getElementById('close-full').onclick = function() {
layer.close(index);
};
}
});
移动端适配和滚动穿透问题
全屏弹层在 iOS Safari 上容易卡住背景滚动，且 100vh 在地址栏收起/展开时会跳变（Safari 的经典 bug）。
关键处理点：
- 加
touchmove: false参数，禁止弹层区域外的手势透传（Layui 2.8+ 支持） - 背景滚动锁要自己补：
document.body.style.overflow = 'hidden'，关闭时记得恢复 - 对
100vh不稳定的问题，可降级为document.documentElement.clientHeight+window.innerHeight动态计算高度（但多数内网系统不用折腾）
真全屏不是尺寸大就行，是去掉所有 UI 干扰、接管交互焦点、守住滚动边界——这几个点漏一个，用户就会觉得“卡”“点不着”“退不出”。
