From 4fbbe9cec2ac6e09c634162209a2fd16a56faee0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=86=8A=E4=B8=BD=E5=90=9B?= <664953382@qq.com>
Date: Tue, 14 Sep 2021 09:18:47 +0800
Subject: [PATCH] up

---
 src/App.vue             | 40 ++++++++++++++++++++++++++++++++++++++++
 src/views/home/home.vue |  2 +-
 2 files changed, 41 insertions(+), 1 deletion(-)

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">