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

fer*_*ndo 0 html javascript resize google-chrome window

我有一个程序,我使用 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>
Run Code Online (Sandbox Code Playgroud)

JavaScript:

window.resizeTo(1024,900)
Run Code Online (Sandbox Code Playgroud)

小智 6

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

\n
\n

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

\n
\n