我使用的谷歌浏览器，经过测试，document.fullscreenElement和document.fullscreen无法判断页面是否全屏，我不知道问题出在哪里，有知道的大佬望告知，

这里采用对比body和screen高度和宽度判断是否全屏，经测试有效

isFullscreen () {
      const screen = window.screen
      const body = document.body.getBoundingClientRect()
      return screen.height === body.height && screen.width === body.width
}

最近发现这个方法也好用

### fullscreenchange事件

全屏事件结束后可能会出现样式错乱情况：我们可以见监听fullscreenchange事件来解决
fullscreenchange：当浏览器进入或离开全屏时触发。
同时：requestFullScreen方法执行后也会返回fullscreenchange事件

document.addEventListener("fullscreenchange", () => {
    this.$nextTick(() => {
        console.log('fullscreenchange')
    }
});