diff --git a/src/views/news/size375/index.vue b/src/views/news/size375/index.vue
index 7e059d5..e8d56b3 100644
--- a/src/views/news/size375/index.vue
+++ b/src/views/news/size375/index.vue
@@ -114,8 +114,8 @@ const state = reactive({});
 
 <style scoped lang="scss">
 .page-container {
-  max-width: 1200px;
+  max-width: calc(100% - 300px);
   margin: 0 auto;
-  padding: 40px;
+  padding: 20px;
 }
 </style>
diff --git a/src/views/news/size768/index.vue b/src/views/news/size768/index.vue
index 7e059d5..e8d56b3 100644
--- a/src/views/news/size768/index.vue
+++ b/src/views/news/size768/index.vue
@@ -114,8 +114,8 @@ const state = reactive({});
 
 <style scoped lang="scss">
 .page-container {
-  max-width: 1200px;
+  max-width: calc(100% - 300px);
   margin: 0 auto;
-  padding: 40px;
+  padding: 20px;
 }
 </style>