W3School TIY Editor

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* Safari 语法 */
:-webkit-full-screen {
  background-color: #ccc;
}

/* IE11 */
:-ms-fullscreen {
  background-color: #ccc;
}

/* 标准语法 */
:fullscreen {
  background-color: #ccc;
}

/* 按钮样式 */
button {
  padding: 20px;
  font-size: 20px;
}
</style>
</head>
<body>

<h2>使用 JavaScript 全屏</h2>

<p>点击“打开全屏”按钮可全屏模式打开此页面。您可以通过按键盘上的“Esc”键或点击“关闭全屏”按钮来关闭它。</p>

<p>注意：Internet Explorer 10 及更早版本不支持 msRequestFullscreen() 方法。</p>

</body>
</html>