layer.msg 默认自适应宽度，但显式设置 area 后强制固定尺寸；其底层逻辑硬编码为“有 area 走固定分支，无 area 才测量内容计算宽度”。
layer.msg 默认就是根据内容长度自适应宽度的，不需要额外配置；但一旦你显式设置了 area（比如 '400px' 或 ['400px', '200px']），它就立刻放弃自适应逻辑，强制按你写的值渲染。
为什么加了 area 后宽度就不动了
因为 layer.msg 的底层逻辑是：有 area 就走固定尺寸分支，没 area 才走内容测量 + 自动计算宽度分支。这个判断是硬编码在 layer 源码里的，不是可配置开关。
- ✅ 正确（自适应）：
layer.msg('用户名不能为空') - ❌ 强制固定（失去自适应）：
layer.msg('用户名不能为空', { area: '400px' }) - ❌ 更糟（宽高都锁死）：
layer.msg('用户名不能为空', { area: ['400px', '200px'] })
layer.msg 自适应宽度的实际表现边界
它只测文本节点总宽度（含空格、换行符），不考虑子元素、CSS padding/margin、font-size 变化或富文本标签。常见失准场景：
- 内容里有
<br>或多行<div>：只按第一行算宽，后续换行被忽略 - 用了
font-size: 14px以外的字号：默认按 12–14px 字号估算，偏小 - 中文混英文/数字：英文字符宽度被低估，长 URL 或 token 易溢出
- 内容动态追加（如 loading 后插入文字）：初始 msg 渲染完就不会再重算，得手动销毁重开
想微调又不想丢自适应？用 maxWidth 替代 area
Layer 本身不支持 maxWidth，但你可以用 CSS 覆盖（前提是未设 area）：
layer.msg('这是一段特别长的提示信息，可能超出常规阅读宽度', {
time: 2000,
// 不写 area！
success: function(layero) {
layero.css('max-width', '80%'); // 限制最大宽度，仍允许短内容收缩
}
});
注意：layer.style(index, {...}) 对 msg 类型无效——这是历史 bug，别试。
真正难处理的是带 HTML 标签或动态内容的提示，这时候不如换成 layer.open({type: 1})，自己控制容器和样式，msg 本就不是为复杂布局设计的。
