diff --git a/src/views/Index/components/CaseDetails/index.vue b/src/views/Index/components/CaseDetails/index.vue
index dd02bea..d2edf61 100644
--- a/src/views/Index/components/CaseDetails/index.vue
+++ b/src/views/Index/components/CaseDetails/index.vue
@@ -144,8 +144,8 @@ const handleScroll = e => {
 
 <style lang="scss" scoped>
 .wrap {
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   background: $common_bg;
   position: relative;
   display: flex;
diff --git a/src/views/Index/components/HardwareDetails/index.vue b/src/views/Index/components/HardwareDetails/index.vue
index 87a0972..0af4333 100644
--- a/src/views/Index/components/HardwareDetails/index.vue
+++ b/src/views/Index/components/HardwareDetails/index.vue
@@ -146,8 +146,8 @@ const handleScroll = e => {
 
 <style lang="scss" scoped>
 .wrap {
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   background: $common_bg;
   position: relative;
   display: flex;
diff --git a/src/views/Index/components/ReadWidely/index.vue b/src/views/Index/components/ReadWidely/index.vue
index 41e0155..91f8a25 100644
--- a/src/views/Index/components/ReadWidely/index.vue
+++ b/src/views/Index/components/ReadWidely/index.vue
@@ -46,8 +46,8 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .wrap {
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   background: url(../../../../assets/img/readwidely/back1.png) no-repeat;
   background-size: 100% 100%;
   display: flex;
diff --git a/src/views/Index/components/Recruit/index.vue b/src/views/Index/components/Recruit/index.vue
index e17a226..2bf45fa 100644
--- a/src/views/Index/components/Recruit/index.vue
+++ b/src/views/Index/components/Recruit/index.vue
@@ -70,8 +70,8 @@ const showEmpty = ref(true)
 
 <style lang="scss" scoped>
 .wrap {
-  width: 100%;
-  height: 100%;
+  width: 100vw;
+  height: 100vh;
   background: $common_bg;
   position: relative;
   display: flex;
@@ -82,6 +82,7 @@ const showEmpty = ref(true)
     min-height: 90px;
   }
   .flex_center {
+    width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;