diff --git a/ruoyi-ui/src/layout/components/AppMain.vue b/ruoyi-ui/src/layout/components/AppMain.vue
index d9575a9a..3157e91e 100644
--- a/ruoyi-ui/src/layout/components/AppMain.vue
+++ b/ruoyi-ui/src/layout/components/AppMain.vue
@@ -51,6 +51,14 @@ export default {
   width: 100%;
   position: relative;
   overflow: hidden;
+
+  &:fullscreen,
+  &:-webkit-full-screen,
+  &:-moz-full-screen,
+  &:-ms-fullscreen {
+    background: #fff;
+    overflow-y: auto;
+  }
 }
 
 .fixed-header + .app-main {
@@ -129,4 +137,4 @@ export default {
   background-color: #c0c0c0;
   border-radius: 3px;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/ruoyi-ui/src/layout/components/TagsView/index.vue b/ruoyi-ui/src/layout/components/TagsView/index.vue
index f680bbd8..08a2be50 100644
--- a/ruoyi-ui/src/layout/components/TagsView/index.vue
+++ b/ruoyi-ui/src/layout/components/TagsView/index.vue
@@ -223,7 +223,10 @@ export default {
     },
     toggleFullscreen() {
       if (!document.fullscreenElement) {
-        document.documentElement.requestFullscreen()
+        const appMain = document.querySelector('.app-main')
+        if (appMain) {
+          appMain.requestFullscreen()
+        }
       } else {
         document.exitFullscreen()
       }