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



我有一个程序,我使用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>

Javascript:

window.resizeTo(1024,900)

为了使window.resizeTo(x,y(工作,您需要使用window.open(…(打开具有大小维度的窗口。此外,调整浏览器窗口的大小是不可接受的,因此Chrome和其他浏览器在默认情况下禁用了它。MDN 报价

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

我阅读了Parikhith的评论并改进了我的搜索。

我找到了使用该窗口的示例。使用_self,您可以将代码与window.open对象组合使用。

https://www.w3schools.com/jsref/met_win_open.asp

窗口.加载与文档.加载

最新更新