浏览器操作高度不会重置

时间:2015-10-14 22:51:49

标签: javascript jquery google-chrome google-chrome-extension google-chrome-devtools

我正在制作一个扩展程序,它会根据您的文字给您一个回复,这样做很有效,但是浏览器操作的高度不会重置。

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

正如你在图片中看到的那样,窗口开始时尺寸合适,然后我输入一个问题并返回到比最初大的窗口。

The beginning size

Changes to size of response window Height wont go back

1 个答案:

答案 0 :(得分:1)

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

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

您的案例中的问题是第三方样式之一的CSS规则html {min-height: 100%}

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'