layer.msg 默认不能直接改 font-size 因其内部对 .layui-layer-content 设置了高优先级的内联样式（font-size: 14px; line-height: 20px）；推荐用 skin 参数加自定义 class 并配合 !important 覆盖，或临时用 style 参数传完整选择器样式。
layer.msg 默认样式为什么不能直接改 font-size？
因为 layer.msg 内部用的是固定内联样式，文字容器（.layui-layer-content）被设置了 font-size: 14px 和 line-height: 20px，且优先级高，直接在 CSS 里写 .layui-layer-content { font-size: 16px; } 很可能不生效。
用 skin + 自定义 class 覆盖样式最稳妥
这是官方支持、兼容性好、不影响其他 layer 弹层的方式：
-
skin参数用于添加自定义 class 名，比如"msg-lg" - 再在全局 CSS 中定义该 class，精准作用于
.layui-layer-content - 必须加
!important（因 layer 内联样式权重高）
layer.msg('操作成功', {
skin: 'msg-lg',
time: 2000
});
对应 CSS：
.msg-lg .layui-layer-content {
font-size: 16px !important;
line-height: 1.6 !important; /* 推荐用无单位数值，更灵活 */
}
如果只改单次弹窗，用 style 参数临时覆盖
适合调试或极少数特殊提示，不推荐长期使用（维护性差）：
-
style是 layer 的通用参数，可传入任意 CSS 字符串 - 注意要写完整选择器路径，因为弹层 DOM 是动态插入的
- 实际生效的是对
.layui-layer-content的样式
layer.msg('保存失败', {
style: '.layui-layer-content{font-size:18px!important;line-height:1.5!important;}',
time: 2500
});
行间距设太小或太大容易出什么问题？
实际项目中常见踩坑点：
- 设
line-height: 1→ 文字上下紧贴边框，视觉拥挤，iOS 上可能被截断 - 设
line-height: 3或带 px 值（如32px）→ 弹层高度计算异常，底部按钮错位 - 混用
em/rem→ 若页面根字体变化，弹层文字会意外缩放
建议统一用无单位数值（如 1.4～1.6），它基于当前 font-size 计算，稳定且响应式友好。
