Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 浏览器动作高度赢得';t重置_Javascript_Jquery_Google Chrome_Google Chrome Extension_Google Chrome Devtools - Fatal编程技术网

Javascript 浏览器动作高度赢得';t重置

Javascript 浏览器动作高度赢得';t重置,javascript,jquery,google-chrome,google-chrome-extension,google-chrome-devtools,Javascript,Jquery,Google Chrome,Google Chrome Extension,Google Chrome Devtools,我正在开发一个扩展,它将根据您的文本给您一个响应,这是有效的,而且非常好,但是浏览器操作的高度不会重置 为了解决这个问题,我尝试使用window.resizeTo调整窗口的大小,并尝试使用jQuery手动设置“html”和“body”的高度。什么都没起作用。这是谷歌浏览器的错误还是我做错了什么这不能使它工作,因为它保持相同的大小。 正如您在图片中看到的,窗口开始时大小完美,然后我输入一个问题,然后返回到比最初更大的窗口 弹出窗口不能小于其内容和/或CSS允许的大小 通过检查弹出窗口(右键单击它

我正在开发一个扩展,它将根据您的文本给您一个响应,这是有效的,而且非常好,但是浏览器操作的高度不会重置

为了解决这个问题,我尝试使用window.resizeTo调整窗口的大小,并尝试使用jQuery手动设置“html”和“body”的高度。什么都没起作用。这是谷歌浏览器的错误还是我做错了什么这不能使它工作,因为它保持相同的大小。

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


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

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

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

body
html
设置
height
minheight
,例如:

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

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

@wOxxOm如果你真的读了我的文章,你会看到我描述了这一点,因为它在这里不起作用。唯一明显的情况是,根据CSS框模型,有一个更高的内部元素。@wOxxOm我将空白浏览器操作的高度设置为600px,然后再设置回0px,并且没有调整大小。Chrome似乎有问题。@wOxxOm如您所见,html高度为0px,但操作仍为152px,让我们看看。