浏览器动作高度不会重置
Browser action height won't reset
我正在开发一个扩展程序,它会根据您的文本给您一个响应,这有效并且很好,但是浏览器操作的高度不会重置。
为了解决这个问题,我尝试使用 window.resizeTo 调整 window 的大小,并尝试使用 [=手动设置 'html' 和 'body' 的高度 jQuery。没有任何效果。这是 Google Chrome 的错误还是我做错了什么? 这不会使它起作用,因为它保持相同的大小。
正如您在图片中看到的那样,window 一开始大小合适,然后我输入一个问题并返回到 window 比最初大。
弹出窗口不能小于其内容 and/or CSS 允许的范围。
通过检查弹出窗口找到占据整个高度的元素and/or CSS规则(右键单击它并选择Inspect popup
),指向[=12内的各种元素=] 以查看它们突出显示并显示它们的实际高度。如果所有元素都小于弹出窗口,则只能表示您在 <body>
或 <html>
上有一个 CSS 规则指定最小高度。如果可能,请从 CSS 中删除该规则或覆盖它。
您遇到的问题是第 3 方样式之一的 CSS 规则 html {min-height: 100%}
。
为body
和html
同时设置height
和min-height
,例如:
document.body.style.height = '0px';
document.body.style.minHeight = '0px';
document.documentElement.style.height = '0px';
document.documentElement.style.minHeight = '0px';
或使用 'auto'
代替 '0px'
。
我正在开发一个扩展程序,它会根据您的文本给您一个响应,这有效并且很好,但是浏览器操作的高度不会重置。
为了解决这个问题,我尝试使用 window.resizeTo 调整 window 的大小,并尝试使用 [=手动设置 'html' 和 'body' 的高度 jQuery。没有任何效果。这是 Google Chrome 的错误还是我做错了什么? 这不会使它起作用,因为它保持相同的大小。
正如您在图片中看到的那样,window 一开始大小合适,然后我输入一个问题并返回到 window 比最初大。
弹出窗口不能小于其内容 and/or CSS 允许的范围。
通过检查弹出窗口找到占据整个高度的元素and/or CSS规则(右键单击它并选择Inspect popup
),指向[=12内的各种元素=] 以查看它们突出显示并显示它们的实际高度。如果所有元素都小于弹出窗口,则只能表示您在 <body>
或 <html>
上有一个 CSS 规则指定最小高度。如果可能,请从 CSS 中删除该规则或覆盖它。
您遇到的问题是第 3 方样式之一的 CSS 规则 html {min-height: 100%}
。
为body
和html
同时设置height
和min-height
,例如:
document.body.style.height = '0px';
document.body.style.minHeight = '0px';
document.documentElement.style.height = '0px';
document.documentElement.style.minHeight = '0px';
或使用 'auto'
代替 '0px'
。