可通过监听 fullscreenchange 事件并检查 document.fullscreenElement 来准确判断全屏状态据此动态调整UI全屏API须在用户手势中调用退出时用 document.exitFullscreen() 并处理 PromiseCSS 可配合 :fullscreen 伪类和 class 切换实现响应式适配。可以通过监听 fullscreenchange 事件来实时捕获全屏状态变化并结合 document.fullscreenElement 判断当前是否处于全屏模式进而动态调整 UI 布局或功能。监听全屏状态变化浏览器在进入或退出全屏时会触发 fullscreenchange 事件该事件在 document 上监听使用 document.addEventListener(fullscreenchange, handler) 注册监听器 注意不同浏览器可能有前缀如 webkitfullscreenchange、mozfullscreenchange但现代浏览器基本统一支持标准事件名 建议同时监听标准事件和常见前缀提升兼容性尤其需支持旧版 Safari 或 Firefox 时判断当前是否全屏不要依赖事件触发次数或布尔标志位应以 document.fullscreenElement 为准 幻导航网 发现优质实用网站,开启网络探索之旅