我正在开发一个扩展程序,它将根据您的文本为您提供响应,这很有效,而且一切都很好,但浏览器操作的高度不会重置。
为了尝试解决此问题,我尝试使用 window.resizeTo 调整窗口大小,并尝试使用 jQuery 手动设置“html”和“body”的高度。没有任何效果。这是 Google Chrome 的错误还是我做错了什么? 这不会使它工作,因为它保持相同的大小。
正如您在图片中看到的,窗口开始时尺寸完美,然后我输入一个问题并返回到比最初更大的窗口。
请您参考如下方法:
弹出窗口的大小不能小于其内容和/或 CSS 允许的大小。
通过检查弹出窗口找到占据整个高度的元素和/或 CSS 规则(右键单击它并选择 Inspect popup
),将鼠标指向 <body>
内的各种元素。查看它们突出显示并显示它们的实际高度。如果所有元素都小于弹出窗口,则只能意味着您在 <body>
上有 CSS 规则。或<html>
指定最小高度。如果可能,请从 CSS 中删除该规则或覆盖它。
您的情况的问题是 CSS 规则 html {min-height: 100%}
采用第 3 方风格之一。
同时设置height
和min-height
对于 body
和html
,例如这样:
document.body.style.height = '0px';
document.body.style.minHeight = '0px';
document.documentElement.style.height = '0px';
document.documentElement.style.minHeight = '0px';
或者使用'auto'
而不是'0px'
.