如何使用 Chrome 调整 HTML 浏览器 window 与 javascript 的大小
how to resize a HTML browser window with javascript using Chrome
我有一个程序，我使用 CSS 以 window 高度和宽度的百分比放置元素。当在不同分辨率的显示器中打开时（仅当高宽比不同时），元素有点错位。我的解决方案是在 Chrome 中打开时限制 window 的高度，这样我就可以保持相同的比例。在 google 中进行研究，命令 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>
Javascript:
window.resizeTo(1024,900)
为了使 window.resizeTo(x, y) 正常工作，您需要使用 window.open(...) 和大小尺寸打开 window。此外，调整浏览器 window 的大小是不可接受的，因此 Chrome 和其他浏览器默认禁用它。
引用自 MDN
Note: It's not possible to resize a window or tab that wasn’t created by window.open(). It's also not possible to resize when the window has multiple tabs.
我有一个程序，我使用 CSS 以 window 高度和宽度的百分比放置元素。当在不同分辨率的显示器中打开时（仅当高宽比不同时），元素有点错位。我的解决方案是在 Chrome 中打开时限制 window 的高度，这样我就可以保持相同的比例。在 google 中进行研究，命令 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>
Javascript:
window.resizeTo(1024,900)
为了使 window.resizeTo(x, y) 正常工作，您需要使用 window.open(...) 和大小尺寸打开 window。此外，调整浏览器 window 的大小是不可接受的，因此 Chrome 和其他浏览器默认禁用它。 引用自 MDN
Note: It's not possible to resize a window or tab that wasn’t created by window.open(). It's also not possible to resize when the window has multiple tabs.