如何使用Chrome通过javascript调整HTML浏览器窗口的大小

如何使用Chrome通过javascript调整HTML浏览器窗口的大小,javascript,html,google-chrome,resize,window,Javascript,Html,Google Chrome,Resize,Window,我有一个程序,我使用CSS将元素放置在窗口高度和宽度的%。当在不同分辨率的显示器中打开时(仅当高度与宽度之比不同时),元素有点错位。我的解决方案是限制窗口在Chrome中打开时的高度,这样我就可以保持相同的比例。在谷歌搜索,ResizeTo命令看起来是答案,它看起来很简单,但我无法让它工作。ResizeTo命令根本不起作用,我做错了什么 HTML代码: <HTML> <HEAD> <TITLE>this is an HTML example</TITLE

我有一个程序,我使用CSS将元素放置在窗口高度和宽度的%。当在不同分辨率的显示器中打开时(仅当高度与宽度之比不同时),元素有点错位。我的解决方案是限制窗口在Chrome中打开时的高度,这样我就可以保持相同的比例。在谷歌搜索,ResizeTo命令看起来是答案,它看起来很简单,但我无法让它工作。ResizeTo命令根本不起作用,我做错了什么

HTML代码:

<HTML>
<HEAD>
<TITLE>this is an HTML example</TITLE>
</HEAD>
<body style= "width:100%; height:100%; background-color:lightgrey;">
<H1>This is a Header</H1>
<H2>This is a Medium Header</H2>
<P> This is a new paragraph!
<P> <B>This is a new paragraph!</B>
<BR> <B><I>This is a new sentence without a paragraph break, in bold italics.</I></B>
<script src="window.js" ></script>
</body>
</HTML>

为了使window.resizeTo(x,y)正常工作,您需要使用window.open(…)和大小尺寸打开窗口。此外,调整浏览器窗口的大小是不可接受的,因此Chrome和其他浏览器在默认情况下禁用了它。 引自

注意:无法调整不是由window.open()创建的窗口或选项卡的大小。当窗口有多个选项卡时,也无法调整大小


为了使window.resizeTo(x,y)正常工作,您需要使用window.open(…)和大小尺寸打开窗口。此外,调整浏览器窗口的大小是不可接受的,因此Chrome和其他浏览器在默认情况下禁用了它。 引自

注意:无法调整不是由window.open()创建的窗口或选项卡的大小。当窗口有多个选项卡时,也无法调整大小

window.resizeTo(1024,900)