我正在制作一个扩展程序,它会根据您的文字给您一个回复,这样做很有效,但是浏览器操作的高度不会重置。
为了尝试解决此问题,我尝试使用window.resizeTo调整窗口大小,并尝试手动设置' html'的高度。和'身体'使用jQuery。没有任何效果。这是Google Chrome的错误还是我做错了什么? 这不起作用,因为它保持相同的大小。
正如你在图片中看到的那样,窗口开始时尺寸合适,然后我输入一个问题并返回到比最初大的窗口。
答案 0 :(得分:1)
弹出窗口不能小于其内容和/或CSS允许的内容。
通过检查弹出窗口(右键单击它并选择Inspect popup
)找到占据整个高度的元素和/或CSS规则,指向<body>
内的各种元素以突出显示它们实际高度显示。如果所有元素都小于弹出窗口,则只能表示您在<body>
或<html>
上指定了最小高度的CSS规则。如果可能,请从CSS中删除该规则或覆盖它。
您的案例中的问题是第三方样式之一的CSS规则html {min-height: 100%}
。
为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'
。