jquery - DIV 在点击时放大到窗口大小

Question

如何在 jquery 的帮助下通过单击该 div 的新内容或布局将 div 放大到全屏。实际上，我在网页中制作了一个很小的 ​​div，在该 div 上写了一些文本或图像，当我单击该 div 时，它会变大到窗口大小，并提供有关 smalle div 内容的更多详细信息。

Answer 1

如果我没理解错的话，你已经有了扩大 DIV 的方法了 covers your document ，现在您希望它进入全屏。如果是这种情况，请检查 html5 full screen API .请注意，目前这是一个 working draft所以你需要检查compatibility of the browser并相应地使用前缀。

只要我们谈论的是全屏，那么您就走运了，因为已经有一个 JQuery 插件可以做到这一点:http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/ [ Demo ]

使用插件这是相关代码:

window.fullScreenApi.requestFullScreen(fsElement);