HTML5 全屏 API 应用于正文

发布于 2025-01-03 12:24:21 字数 101 浏览 0 评论 0原文

如何通过单击一个按钮,然后单击一个切换按钮返回到浏览器屏幕,将 HTML5 全屏 api 应用到网站的 body 标记?

我一直在玩,但还没有走多远。

谢谢

How can I apply the HTML5 full screen api to the body tag of a site by clicking a button and then a toggle button to return to browser screen?

I have been playing around but havent got very far.

thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

怼怹恏 2025-01-10 12:24:21

我发现最好让 元素全屏显示,而不是 ,否则你会丢失滚动条。

<button onclick="document.documentElement.webkitRequestFullScreen()">Full screen</button>

显然,您需要测试支持并在 Firefox 上使用 mozRequestFullScreen()

I found that it's better to make the <html> element full screen, rather than the <body>, otherwise you lose the scroll bars.

<button onclick="document.documentElement.webkitRequestFullScreen()">Full screen</button>

Obviously you'll want to test for support and use mozRequestFullScreen() on Firefox.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文