layui弹出层宽度自适应需分场景：layer.msg不传area自动撑开；layer.open须设area:'auto'并配maxWidth；移动端推荐area:['90%','auto']。
layui弹出层默认支持内容宽度自适应，但一旦显式设置area参数就会强制关闭该能力，必须确保不传任何宽高值才能触发内部测量逻辑。
确保 layer.msg 宽度自适应
layer.msg 本身不依赖 area 参数，只要不手动指定，就自动按文本内容宽度撑开。
✅ 正确写法：直接调用，不传任何尺寸配置：
layer.msg('操作成功');
❌ 错误写法：加了 area 就立刻锁死宽度：
layer.msg('操作成功', { area: '400px' });
⚠️ 注意：如果内容含换行符或空格较多，layer.msg 只计算第一行文本宽度，后续换行不会影响整体宽度——这是其底层测量机制决定的，【无法通过配置修复】。
让 layer.open 弹窗宽度随内容撑开
layer.open 需显式声明 area: 'auto'，并配合 maxWidth 控制上限，否则可能在大屏上过宽、小屏上溢出。
第一步：设置 area 为字符串 'auto'，而非数组；
第二步：添加 maxWidth 限制最大像素宽度（如 800）；
第三步：确保 content 是纯文本或内联 HTML，避免嵌套块级元素干扰测量。
示例配置：
layer.open({
type: 1,
content: '<div>用户名已更新</div><p>请刷新页面查看最新状态</p>',
area: 'auto',
maxWidth: 800
});
⚠️ 关键点：【area 必须是字符串 'auto'，不能写成 ['auto', 'auto'] 或 ['auto', '300px']】，否则 maxWidth 不生效。
移动端适配：用百分比替代像素
在手机等小屏设备上，固定像素宽度极易导致横向滚动或内容截断，应改用视口百分比。
方法一：直接写死百分比
area: ['90%', 'auto'] —— 宽度占屏幕 90%，高度自适应
方法二：函数动态判断
area: function() { return $(window).width()
✅ 这种写法在打开时实时计算，比 UA 判断更可靠；
❌ 不要写成 area: $(window).width() + 'px' —— 这只执行一次，缩放后不会更新。
表格类内容撑不开宽度？延迟初始化
layui.table 在 layer 弹层中宽度塌陷，是因为 DOM 尚未渲染完成就执行了 table.render()。
① 把表格 HTML 放进隐藏 div 中，不要直接写在 content 字符串里；
② 在 layer.open 的 success 回调中，用 requestAnimationFrame 延迟一帧再调用 table.render()；
③ 渲染后立即执行 table.resize() 强制重算列宽。
这一步操作起来很简单，直接把文件拖进去就行。
⚠️ 如果跳过 success 回调，在 open 外部直接 render，【表格永远只能显示最小列宽】。
