如何制作全屏Web应用程序？

Question

如何制作一个全屏幕Web应用程序，其高度和宽度设置为浏览器窗口的100％，并使用灵活的网格结构来重新组合div？

我正在开发一个网络应用程序，我的挑战是准备一个全屏网页 我需要一个插件来帮助我适应我的UI结构 我更喜欢灵活的流畅插件。

I.e。：fill.js

请提供一些更好的建议。

Answer 1

将此代码放在标题中。

 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

Answer 2

也许你可能需要：

 var viewport = {
        width  : $(window).width(),
        height : $(window).height()
    };

然后在您的JS代码中使用viewport.width和viewport.height来管理您的元素，页面＆amp;所以第三。