Chrome 弹窗的尺寸规则:弹窗窗口不是固定大小,而是根据文档内容自适应------内容多宽多高,弹窗就开多大(上限 800×600)。
.app 写了 height: 100dvh; width: 100% ,再加上 html → body → #app 一路 height: 100% ,于是:
弹窗视口高度 ──决定──▶ 文档内容高度(100dvh = 视口的 100%)
文档内容高度 ──决定──▶ 弹窗窗口高度(按内容自适应)
形成一个循环依赖:内容永远等于弹窗视口本身,内容永远没有自己独立的尺寸,也永远不会"超出"弹窗的初始小视口。Chrome 找不到任何依据把弹窗放大,于是弹窗就停留在初始的小尺寸------你看到的小方块。