Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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
Html 如何扩展Chrome扩展的弹出窗口_Html_Css_Google Chrome_Iframe_Google Chrome Extension - Fatal编程技术网

Html 如何扩展Chrome扩展的弹出窗口

Html 如何扩展Chrome扩展的弹出窗口,html,css,google-chrome,iframe,google-chrome-extension,Html,Css,Google Chrome,Iframe,Google Chrome Extension,我想扩展弹出窗口,当用户点击扩展按钮时弹出窗口 (我想将弹出窗口的大小扩展到红色区域) 下面是我用来显示弹出窗口的代码 身体{ 最小宽度:1005px;/*您所需的宽度*/ 最大宽度:100%; 位置:相对位置; 垂直对齐:中间对齐; } 我试过(在体css)宽度:1280px;高度:800px-但是没有运气。它工作不正常 更新: 类似的问题(可能是重复的?) Chrome extension弹出窗口的最大高度为600px,最大宽度为800px。在html或body元素上使用CSS更改

我想扩展弹出窗口,当用户点击扩展按钮时弹出窗口

(我想将弹出窗口的大小扩展到红色区域)

下面是我用来显示弹出窗口的代码


我试过(在体css)宽度:1280px;高度:800px-但是没有运气。它工作不正常

更新:
类似的问题(可能是重复的?)

Chrome extension弹出窗口的最大高度为600px,最大宽度为800px。在html或body元素上使用CSS更改宽度或高度时,超过这些最大值只会导致滚动条(如您所注意的)。使用类似于
window.resizeBy(x,y)
的方法将无效

您可以使用CSS隐藏滚动条,但这不会产生使页面大于Chrome设置的最大值的预期效果

一个选项可能是在单击浏览器/页面操作时在页面中使用JavaScript对话框/模式,而不是使用内置弹出窗口

对类似问题的一些参考:


你试过把最小宽度改成你想要的宽度吗?@Walkereno我试过了。我开始认为这是chrome的安全功能。(现在,我正在搜索一个窗口比我的弹出窗口大的弹出窗口扩展)。600px乘以800px也是一个很好的限制大小。chrome扩展的美妙之处在于简化了一些事情的完成。在上面的屏幕截图中,它看起来像一个包含stackoverflow的iframe。我个人宁愿直接使用stackoverflow,也不愿在iframe中使用stackoverflow。这是需要记住的。从“Chrome版本38.0.2125.111 m”开始,不显示滚动条的最大大小是:@SverrirSigmundarson我可以知道在哪里可以检查它吗?我想,这些东西一直在变化。@Ansh扩展弹出窗口的相关代码存储在这里,似乎在窗口本身的某种填充中丢失了20px。它实际上就在这里,为那些想从chrome的源代码中得到确认的人准备的。

< style type="text/css" >
body {
  min-width: 1005px; /* your desired width */
  max-width: 100%;
  position: relative;
  vertical-align:middle;
}
< /style >

< iframe src="http://stackoverflow.com" width="100%" height="100%" scrolling="auto" > < /iframe >