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);