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

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

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

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

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

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

相关推荐
haluhalu.7 分钟前
深入理解 AI Agent(1.2):Harness 工程——模型之外的竞争力
前端·数据结构·人工智能·python·langchain·个人开发
data analyse 45614 分钟前
服务端统计时区切换的日期归并
大数据·前端·数据库·人工智能·数据分析
misty youth16 分钟前
前端知识速查
前端·react.js·web
雪芽蓝域zzs38 分钟前
从零搭建【pnpm+Vue3+TS+Setup+VueRouter4+Pinia+Axios+ElementPlus (unplugin 按需)】仿若依后台
前端·vue.js
燕落南枝1 小时前
HTML 列表标签详解:有序列表、无序列表与描述列表
前端·html
派小心.1 小时前
DAU和MAU怎么计算?先确定活跃事件、用户键和统计窗口
大数据·服务器·前端·人工智能·数据分析
代码猎人1 小时前
前端怎么配合后端完成bug修复
前端
叫我铁汁儿吧1 小时前
JS作用域
前端·面试
定栓1 小时前
Webpack迁到Vite第七节(四):全家桶移除 — 保留项、脚本与数据收尾
前端·webpack·node.js
VimorphTech1 小时前
React 任务轮询,为什么不能只写一个 setInterval?
javascript·typescript