full screen

mrkid · June 23, 2015

Вот простой пример. Но, почему-то, не работает при переходе в полноэкранный режим по f11.тестировал в хроме и мозиле.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
p:-webkit-full-screen
{
font-size: 40px;
background: red;
}

p:-moz-full-screen
{
font-size: 40px;
background: red;
}

p:-ms-full-screen
{
font-size: 40px;
background: red;
}

p:-o-full-screen
{
font-size: 40px;
background: red;
}

p:full-screen
{
font-size: 40px;
background: red;
}
</style>
</head>
<body>
<p id="fullscreen" class="test">test</p>
</body>
</html>

Vlad · June 24, 2015

Нашёл демонстрационную страницу с этим API, никак не меняется вид в брауерах при переходе в полноэкранный режим. У кого-нибудь есть отличие?

http://blogs.sitepointstatic.com/examples/tech/full-screen/index.html

afdw · June 24, 2015

У меня - да. Chrome. Надпись становится красной. Но её не видно изначально. Надо нажать F12 в полноэкранном режиме.

mrkid · June 25, 2015

здесь немного другая ситуация, а так пример работает()красным выделяется.

Sign In

full screen

Question

mrkid

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

afdw

Link to comment

Share on other sites

mrkid

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information