
CSS
1. 在 HTML 标记里,设置页面元素的高度和宽度为 100%。
2. 在 CSS 样式中,设置 body 和 html 元素的高度和宽度为 100%。

Java
html
body, html {
height: 100%;
width: 100%;
}
#fullscreen {
height: 100%;
width: 100%;
}
此外,也可以使用 JavaScript 来实现全屏模式,其中要使用到浏览器的 Fullscreen API。例如:
Javascript
var elem = document.getElementById("fullscreen");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}
这段 JavaScript 代码可以使 id 为 fullscreen 的元素进入全屏模式。
Copyright © 2025 IZhiDa.com All Rights Reserved.
知答 版权所有 粤ICP备2023042255号