Question

我的html5应用程序中有一个div。我使用fullScreenAPI

将这个div全屏显示

但是我想要的是div仅在选项卡的内容内占用全部空间，以便用户仍可以使用所有其他浏览器控件。有可能吗？

Answer 1

您是说这样吗？这适用于Chrome，Firefox，IE和Safari。

<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
        html, body {
            height: 100%;
            margin: 0;
        }

        #fs {
            min-height: 100%; 
        }
    </style>
    <!--[if lte IE 6]>
    <style type="text/css">
        #fs {
            height: 100%;
        }
    </style>
    <![endif]-->
</head>

<body>
    <div id="fs">content that fills the page</div>
</body>

如果您要隐藏页面上的其他内容，则可以添加z-index：

#fs { 
    z-index: 100 
}

来源：How to make a <div> always full screen?

使div全屏显示，但带有浏览器控件

1 个答案: