Сделать div в полноэкранном режиме, но с элементами управления браузером - PullRequest
Новая
       27

Сделать div в полноэкранном режиме, но с элементами управления браузером

0 голосов
/ 14 июня 2019

У меня есть div в моем html5 приложении.Я включаю этот div в полноэкранном режиме, используя fullScreenAPI

Но мне нужно, чтобы div занимал полный объем только в содержимом вкладки, чтобы все остальные элементы управления браузером оставались доступными для пользователя.Возможно ли это?

1 Ответ

0 голосов
/ 14 июня 2019

Вы имеете в виду, как так?Это работает в 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 
}

Источник: Как сделать

...