diff --git a/src/view/home.vue b/src/view/home.vue
index 06009a9..b733927 100644
--- a/src/view/home.vue
+++ b/src/view/home.vue
@@ -13,8 +13,19 @@
 <script setup>
 import Header from "../components/header.vue";
 
-import { ref, onMounted, onBeforeMount } from "vue";
-
+import { ref, onMounted, onBeforeMount ,watch} from "vue";
+import { useRouter, useRoute } from "vue-router";
+const router = useRouter();
+const routers = useRoute();
+console.log(routers.path);
+watch(
+  () => routers.path,
+  (newVal, oldVal) => {
+    if (routers.path == '/home/index/map') {
+  reset_font()
+}
+  }
+);
 const reset_font = () => {
   let width = document.documentElement.clientWidth || document.body.clientWidth;
   let height =
@@ -29,17 +40,17 @@ const reset_font = () => {
   document.querySelector(".header_content").style.transformOrigin = "top left";
   document.querySelector(".header_content").style.transform =
     "scale(" + width / 1920 + "," + height / 1080 + ")";
-if(
-  document.querySelector(".left").style){
+  if (
+    document.querySelector(".left")) {
     document.querySelector(".left").style.transformOrigin = "bottom left";
-  document.querySelector(".left").style.transform =
-    "scale(" + width / 1920 + "," + height / 1080 + ")";
-  document.querySelector(".right").style.transformOrigin = "bottom right";
-  document.querySelector(".right").style.transform =
-    "scale(" + width / 1920 + "," + height / 1080 + ")";
+    document.querySelector(".left").style.transform =
+      "scale(" + width / 1920 + "," + height / 1080 + ")";
+    document.querySelector(".right").style.transformOrigin = "bottom right";
+    document.querySelector(".right").style.transform =
+      "scale(" + width / 1920 + "," + height / 1080 + ")";
 
   }
- 
+
 };
 onMounted(() => {
   reset_font();