From f2e6da5329fd496a2d8b492eef9f74f0fe1c4da0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Sun, 23 Apr 2023 09:55:24 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E6=92=AD=E6=94=BE=E7=AD=89?=
 =?UTF-8?q?=E6=AF=94=E4=BE=8B=E6=B5=8F=E8=A7=88=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.scss                                | 8 ++++----
 src/pages/course/compenents/video.module.scss | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/index.scss b/src/index.scss
index c37285b..b2dd0e6 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -50,7 +50,7 @@ body {
   height: auto;
   margin: 0 auto;
   display: flex;
-  flex-direction: column
+  flex-direction: column;
 }
 
 h1 {
@@ -291,7 +291,7 @@ h1 {
 }
 
 #meedu-player-container {
-  width: 1200px;
-  height: 675px;
-  float: left;
+  width: 100%;
+  height: auto;
+  position: relative;
 }
diff --git a/src/pages/course/compenents/video.module.scss b/src/pages/course/compenents/video.module.scss
index 31d56aa..c9ebaff 100644
--- a/src/pages/course/compenents/video.module.scss
+++ b/src/pages/course/compenents/video.module.scss
@@ -42,7 +42,7 @@
     }
   }
   .video-body {
-    width: 1200px;
+    width: 62.5%;
     height: auto;
     display: flex;
     flex-direction: column;
@@ -51,7 +51,7 @@
     margin-top: 60px;
     animation: scaleBig 0.3s;
     .video-title {
-      width: 1200px;
+      width: 100%;
       height: 36px;
       font-size: 20px;
       font-weight: 600;
@@ -62,8 +62,8 @@
     }
 
     .video-box {
-      width: 1200px;
-      height: 675px;
+      width: 100%;
+      padding-bottom: calc(9 / 16 * 100%);
       margin: 0 auto;
       border-radius: 8px;
       overflow: hidden;