layui layer.open 的 area 参数必须传带单位的字符串数组，如['600px', '400px']，禁用无单位数字或错误格式；移动端应改用百分比（如['90%', 'auto']）并设fixed: true以适配屏幕。
layer.open 的 area 参数怎么写固定宽高
直接传数组，两个元素分别代表宽度和高度，单位必须带（如 '600px'、'400px'），不能只写数字或漏掉单位。Layui 不识别无单位的数值，也不会自动补 px。
常见错误是写成 area: [600, 400] 或 area: '600px,400px' —— 前者被当作数值数组，后者是字符串，layer 全部忽略，退回到默认尺寸（通常是 ['auto', '150px']）。
-
area: ['600px', '400px']：最稳妥，明确指定宽高，不随内容变化 -
area: ['80%', '60%']：相对视口百分比，也算“固定逻辑”，但实际像素值会随窗口缩放变动 -
area: ['600px', 'auto']：宽度固定，高度由内容撑开——这不是你想要的“固定高”，但常被误认为有效
为什么设了固定宽高，弹窗还是被截断或出现滚动条
因为 area 只控制外层容器尺寸，而内容区域（.layui-layer-content）可能被 CSS 锁死高度，或内部元素设置了 overflow: hidden / max-height。
尤其当内容是异步加载（如 AJAX、Vue 渲染）时，layer 在打开瞬间就按初始 DOM 高度布局，后续内容展开后就溢出。
- 检查是否对
.layui-layer-content或其子容器写了height、max-height、flex: 1等限制性样式 - 如果 content 是 DOM 节点（非字符串），确保该节点父级没设
overflow: hidden - 固定高下想显示滚动条？得让内容区可溢出：
style: { 'overflow-y': 'auto' }配合max-height才生效，单靠area不行
type: 2（iframe 层）设固定宽高要注意什么
iframe 本身是独立文档上下文，area 控制的是 iframe 容器大小，不是 iframe 内页面的渲染尺寸。所以即使你写了 area: ['800px', '600px']，iframe 里的页面仍可能因 CSS 或 JS 行为撑破容器。
- iframe 内页需自行适配：比如加
body { margin: 0; min-height: 100%; }，避免默认边距干扰 - 不要依赖
layer.iframeAuto(index)和固定area混用——前者会强行重设高度，覆盖你写的固定值 - 跨域 iframe 无法读取内容高度，
iframeAuto必然失败，此时固定area反而是更可控的选择
移动端用固定宽高容易踩哪些坑
小屏设备上，['600px', '400px'] 会横向溢出、触发页面整体滚动，体验极差。这不是 bug，是你把桌面习惯搬到了移动场景。
- 别在移动端硬写像素值；改用百分比：
area: ['90%', '80%']或函数动态返回：area: function() { return $(window).width() - 函数写法必须是函数，不能是立即执行的结果（如
area: getArea()而不是area: getArea），否则缩放窗口不会更新 - iOS Safari 中
$(window).height()常不准（地址栏收放影响），建议 fallback 到screen.height并减去约 80–100px 留白
area 一劳永逸。
