处理移动端显示问题

css/body.css

@@ -1,5 +1,7 @@
 /* 基本样式重置 */
 body, html {
+    margin: 0;
+    padding: 0;
     font-family: Arial, sans-serif; /* 默认字体 */
     background-color:#f4f4f4;
 } 

css/footer.css

@@ -2,10 +2,14 @@
 footer {
     background-color: rgba(51, 51, 51, 0.5); /* 半透明背景 */
     color: white;
+    padding: 0px;
     display: flex;
     justify-content: center;
     align-items: center;
     position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
     font-size: 14px;
     max-height: 30px;
     z-index: 2000;

css/max_width.css

@@ -44,6 +44,8 @@
 
     /* 小屏幕时主内容区 */
     .main-content {
+        margin-left:  0px;  /* 小屏幕时移除左边距 */
+        margin-right: 0px;  /* 小屏幕时右边距减小 */
         margin-top: 80px;  /* 小屏幕时稍微减小上边距 */
     }
 

css/sidebar.css

@@ -2,6 +2,7 @@
 .sidebar {
     position: fixed;
     top: -30px;
+    left: 0;
     width: 250px;
     bottom: 24px;
     background-color: #f4f4f4;
@@ -16,6 +17,7 @@
 
 .logo {
     font-family: 'Pacifico', cursive; /* 使用本地字体 Pacifico */
+    margin: 0;
     padding-top: 48px;
     text-align: center;
     display: flex;