Chrome 插件弹窗一直停留在初始的小尺寸 —— 你看到的小方块

Chrome 弹窗的尺寸规则:弹窗窗口不是固定大小,而是根据文档内容自适应------内容多宽多高,弹窗就开多大(上限 800×600)。

.app 写了 height: 100dvh; width: 100% ,再加上 html → body → #app 一路 height: 100% ,于是:

弹窗视口高度 ──决定──▶ 文档内容高度(100dvh = 视口的 100%)

文档内容高度 ──决定──▶ 弹窗窗口高度(按内容自适应)

形成一个循环依赖:内容永远等于弹窗视口本身,内容永远没有自己独立的尺寸,也永远不会"超出"弹窗的初始小视口。Chrome 找不到任何依据把弹窗放大,于是弹窗就停留在初始的小尺寸------你看到的小方块。

相关推荐
悟空瞎说1 小时前
Cesium 与 Three.js 融合实战:在数字地球上渲染自定义 3D 场景
前端
渣波1 小时前
React 移动端首页架构实战:从并发请求到防御性编程的深度解析
前端·javascript
a1117761 小时前
原生 Markdown 阅读与编辑器 开源项目
前端·开源·软件
laity171 小时前
python发光表白爱心(从零到一实现)
前端·后端
程序员爱钓鱼1 小时前
Rust impl详解:为Struct定义方法与关联函数
前端·后端·rust
用户059540174461 小时前
Qdrant 召回不一致踩坑实录:跑了 300 次测试才发现是索引没刷新
前端·css
Highcharts.js2 小时前
Highcharts 主流前端框架无缝集成指南
前端·vue.js·前端框架·highcharts·可视化图表
JAVA面经实录9172 小时前
网络编程基础(Java Web/分布式前置·完整版)(十一)
java·前端·网络
IT_陈寒2 小时前
搞不定JavaScript的数组去重?你可能漏了这两个坑
前端·人工智能·后端