layer.open()移动端显示过宽、无法关闭的根本原因是默认像素宽度超出视口，导致关闭按钮移出可视区；应改用百分比area（如['90%','auto']）、设置maxWidth: '100%'、fixed: false，并适配安全区域。
layer.open() 在移动端显示过宽、右滑才能关掉
根本原因是 layer.open() 默认设了固定宽度（如 area: ['600px', '400px']），而移动端视口窄，600px 直接超出屏幕，导致弹窗右侧被截断，关闭按钮 跑到可视区外——用户点不到，也拖不动（默认不启用拖拽）。
解决思路不是“加个 overflow”，而是让弹窗宽度自适应视口，同时保留最小可用尺寸：
- 显式设置
area为百分比，例如['90%', 'auto']，避免写死像素值 - 确保
maxWidth不超过100%（Layui 2.8+ 支持，旧版忽略该参数） - 禁用
fixed: false（默认为true），否则在 iOS Safari 中滚动时弹窗会错位，进一步加剧关闭困难 - 若内容含长文本或未断行元素，需额外加 CSS：
.layui-layer-content { word-break: break-word; }
点击遮罩层或右上角 × 都没反应
这通常不是 JS 报错，而是事件区域失效：弹窗溢出后，关闭按钮的点击热区实际已脱离触摸范围，iOS 尤其敏感。另外，部分安卓 WebView 会拦截 touchend 事件导致 layer.close() 不触发。
实操建议：
- 强制启用拖拽：
drag: true，让用户能手动把弹窗拖回视野内再点关闭 - 给弹窗加一个「安全关闭按钮」放在左下角（固定定位），用
btn配置或手动插入 DOM，绑定layer.close(index) - 检查是否在弹窗内容中用了
pointer-events: none或z-index错乱覆盖了关闭按钮图层 - 避免在
success回调里异步操作后才渲染内容，否则关闭按钮可能提前挂载但无响应
使用 layer.msg() / layer.alert() 也出现同样问题
这些快捷方法底层仍走 layer.open()，只是封装了默认参数。它们的宽度默认是 '320px'（部分版本是 'auto' 但受内容撑开），在小屏上依然可能溢出。
必须重写默认行为：
- 全局配置（推荐）：
layer.config({ skin: 'layui-layer-molv', area: ['90%', 'auto'], maxWidth: '100%' }); - 单次调用时覆盖：
layer.alert('提示内容', { area: ['90%', 'auto'] }) - 注意：不要对
layer.msg()设area，它只接受time和offset；改用layer.tips()或自定义open()更可控
真机测试发现 iPhone X/XS 等刘海屏底部按钮消失
这是 viewport 适配缺失导致的典型问题：Layui 弹窗的 bottom: 0 计算未考虑安全区域，关闭按钮沉到屏幕外。
简单有效的补救方式：
- 在
success回调中动态修正按钮位置：success: function(layero) { if ('safeAreaInsets' in window && window.safeAreaInsets.bottom) { layero.find('.layui-layer-btn').css('padding-bottom', window.safeAreaInsets.bottom + 'px'); } } - 更通用的做法是给 body 加 CSS：
body { padding-bottom: env(safe-area-inset-bottom); }，并确保弹窗父容器未设overflow: hidden - 不要依赖
layer.style手动改样式，容易被 layui 内部 reset 掉
area: ['100%', 'auto'] 却没关掉 fixed: false，或者忘了 viewport meta 标签里缺了 viewport-fit=cover。 
