diff --git a/static/navbar.css b/static/navbar.css
index ccf15bb7009666dcd4216686ddd15406b4d450bd..c544ae6de12fb6050aab786c75b8c58abe0b7ccb 100644
--- a/static/navbar.css
+++ b/static/navbar.css
@@ -201,6 +201,10 @@ body{
     }
 }
 @media screen and (max-width:1130px){
+    .my-navbar {
+        width: 830px;
+        /* display: none; */
+    }
     .my-navbar>li{
         width: 78px;
     }
@@ -224,7 +228,7 @@ body{
     }
     .my-nav{
         height: 55px;
-        justify-content: center;
+        justify-content: start;
     }
     .son{
         margin-top: 20px;
diff --git a/static/page.css b/static/page.css
index 8421594796e087e38fb71949138556f021083724..772dbcebc8ac8b24696035108a3b1287ac4460f1 100644
--- a/static/page.css
+++ b/static/page.css
@@ -616,8 +616,8 @@ body{
 }
 @media screen and (max-width:1100px){
     .roster-head {
-        width: 100px;
-        height: 100px;
+        width: 50px;
+        height: 50px;
     }
     .roster-name{
         font-size: 16px;
@@ -625,9 +625,9 @@ body{
     .roster-infos>p{
         font-size: 12px;
     }
-    .roster-pagecontent-per{
+    .roster-pagecontent-per {
         width: 200px;
-        height: 350px;
+        height: 200px;
         padding: 3px;
     }
 }