单击按钮时调整窗口大小

Resizing window on button click?

本文关键字：窗口大小 调整 按钮 单击      更新时间：2023-09-26

我正在尝试创建一个按钮，该按钮将在单击时调整浏览器窗口的大小。从我所看到的情况来看，这绝对是可能的。使用JQuery，我编写了以下代码：

$('.resize').click(function(){
window.resizeTo("300px", "300px");
});

要影响以下 html：

<button class="resize">click me</button>

但是当单击时，该按钮什么也不做。有什么想法吗？

根据您的评论，问题已更改。我的编辑：

在大多数现代浏览器中，您无法调整当前全局window对象的大小。您可以参考以下两个链接，了解为什么这被认为是不良做法，以及可能的替代方案（也许首先通过弹出窗口打开您的应用程序？

  • 使用 Javascript 调整浏览器大小
  • 为什么调整浏览器窗口大小是不好的习惯？（此处弹出替代方案）

围绕本主题，我尚未看到的另一种方法是使用 CSS @media screen{ }根据窗口的大小来检测和实现功能。尝试对此进行一些研究。

相关文章：