diff --git a/src/App.vue b/src/App.vue
index 232812b..e091cb5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,6 +10,46 @@ export default {
 };
 </script>
 <style lang="scss">
+// @media screen and (min-width:813px) and (max-width:1025px){}
+// // >=1024的设备屏幕
+// @media screen and (min-width: 1024px) {
+//   .content {
+//     width: 1200px;
+//     margin: 0 auto;
+//   }
+// }
+// // >=1100的设备屏幕
+// @media screen and (min-width: 1100px) {
+//   .content {
+//     width: 1200px;
+//     margin: 0 auto;
+//   }
+// }
+// // >=1280的设备屏幕
+// @media (min-width: 1280px) {
+//   .content {
+//     width: 1200px;
+//     margin: 0 auto;
+//   }
+// }
+// // >=1366的设备屏幕
+// @media screen and (min-width: 1366px) {
+//   .content {
+//     width: 1400px;
+//     margin: 0 auto;
+//   }
+// }
+// // >=1440的设备屏幕
+// @media screen and (min-width: 1440px) {
+//   .content {
+//     width: 1400px;
+//     margin: 0 auto;
+//   }
+// }
+// >=1680的设备屏幕
+// @media screen and (min-width: 1680px) {}
+// >=1920的设备屏幕
+// @media screen and (min-width: 1920px) {}
 .content {
   width: 1400px;
   margin: 0 auto;
diff --git a/src/views/home/home.vue b/src/views/home/home.vue
index f9d3c1d..dcfd2f0 100644
--- a/src/views/home/home.vue
+++ b/src/views/home/home.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="p0-100">
-      <div style="display: flex">
+      <div style="width:100%;display: flex;justify-content: center;">
         <div class="banner">
           <!-- 轮播图 -->
           <el-carousel height="345px" trigger="click">