按钮单击时调整窗口大小？

Question

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

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

影响以下html：

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

但是点击后，按钮什么都不做。 有什么想法吗？

Answer 1

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

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

• Resize the browser with Javascript
• Why is resizing the browser window bad practice? (Popup alternatives here)

我还没有看到围绕此主题的另一种选择是使用CSS @media screen{ }根据窗口的大小来检测和实现功能。尝试对that进行一些研究。