我正在开发一个扩展程序,它将根据您的文本为您提供响应,这很有效,而且一切都很好,但浏览器操作的高度不会重置。

为了尝试解决此问题,我尝试使用 window.resizeTo 调整窗口大小,并尝试使用 jQuery 手动设置“html”和“body”的高度。没有任何效果。这是 Google Chrome 的错误还是我做错了什么? 这不会使它工作,因为它保持相同的大小。

正如您在图片中看到的,窗口开始时尺寸完美,然后我输入一个问题并返回到比最初更大的窗口。

请您参考如下方法:

弹出窗口的大小不能小于其内容和/或 CSS 允许的大小。

通过检查弹出窗口找到占据整个高度的元素和/或 CSS 规则(右键单击它并选择 Inspect popup ),将鼠标指向 <body> 内的各种元素。查看它们突出显示并显示它们的实际高度。如果所有元素都小于弹出窗口,则只能意味着您在 <body> 上有 CSS 规则。或<html>指定最小高度。如果可能,请从 CSS 中删除该规则或覆盖它。

您的情况的问题是 CSS 规则 html {min-height: 100%}采用第 3 方风格之一。

同时设置heightmin-height对于 bodyhtml ,例如这样:

document.body.style.height = '0px'; 
document.body.style.minHeight = '0px'; 
document.documentElement.style.height = '0px'; 
document.documentElement.style.minHeight = '0px'; 

或者使用'auto'而不是'0px' .


评论关闭
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!