diff --git a/src/App.vue b/src/App.vue
index e732164..243bde9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,8 +14,8 @@ import pageFooter from './components/pageFooter/pageFooter.vue'
 <style>
 html,
 body {
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
   margin: 0;
   padding: 0;
 }
diff --git a/src/components/navigation/index.vue b/src/components/navigation/index.vue
index f7aa52d..6d56d00 100644
--- a/src/components/navigation/index.vue
+++ b/src/components/navigation/index.vue
@@ -26,6 +26,7 @@ const changeHandler = (active) => {
 
 <style scoped>
 .navigation {
+  width: 100vw;
   box-sizing: border-box;
 }
 
diff --git a/src/components/pageFooter/pageFooter.vue b/src/components/pageFooter/pageFooter.vue
index 11161e4..5fa81e9 100644
--- a/src/components/pageFooter/pageFooter.vue
+++ b/src/components/pageFooter/pageFooter.vue
@@ -9,7 +9,7 @@
 </template>
 <style scoped>
 .footer {
-    width: 100%;
+    width: 100vw;
     text-align: center;
     height: 150px;
     background-color: black;
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index d8bb986..722439a 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -14,7 +14,6 @@ const projectlist = [
 ]
 const images = ref(image)
 const project_list = ref(projectlist)
-const text = ref('APP软件开发')
 
 </script>