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

Question

如何制作一個高度和寬度設置為瀏覽器窗口的 100% 的全屏 Web 應用程序，並具有靈活的網格結構以 shuffle div 結構？

我正在開發一個 Web 應用程序，我的挑戰是准備一個全屏網頁。
我需要一個插件來幫助我適應我的 UI 結構。
我更喜歡靈活的流體插件。

即：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來管理您的元素、頁面等。