From e4642d39721cca5bce2d4a65179beedbdce0b6ac Mon Sep 17 00:00:00 2001
From: hyh <hongyuanhua@changeself.com>
Date: Tue, 24 Jun 2025 09:11:08 +0800
Subject: [PATCH] 21edsd

---
 LTEMvcApp/Views/Shared/_Layout.cshtml | 93 +++++++++++++++++++--------
 1 file changed, 65 insertions(+), 28 deletions(-)

diff --git a/LTEMvcApp/Views/Shared/_Layout.cshtml b/LTEMvcApp/Views/Shared/_Layout.cshtml
index 2b62ef4..acc45b3 100644
--- a/LTEMvcApp/Views/Shared/_Layout.cshtml
+++ b/LTEMvcApp/Views/Shared/_Layout.cshtml
@@ -9,95 +9,132 @@
     <link rel="stylesheet" href="~/LTEMvcApp.styles.css" asp-append-version="true" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
     <style>
-        /* 全局容器样式调整 - 使用更强的选择器 */
+        /* 全局容器样式调整 - 使用更强的选择器覆盖Bootstrap */
+        .container,
+        .container-fluid,
         body .container,
         body .container-fluid {
-            padding-left: 2rem !important;
-            padding-right: 2rem !important;
-            max-width: 1400px !important;
+            padding-left: 0.5rem !important;
+            padding-right: 0.5rem !important;
+            max-width: 95vw !important;
+            width: 95vw !important;
             margin: 0 auto !important;
         }
         
         /* 响应式边距调整 */
         @@media (max-width: 1200px) {
+            .container,
+            .container-fluid,
             body .container,
             body .container-fluid {
-                padding-left: 1.5rem !important;
-                padding-right: 1.5rem !important;
+                padding-left: 0.5rem !important;
+                padding-right: 0.5rem !important;
+                max-width: 98vw !important;
+                width: 98vw !important;
             }
         }
         
         @@media (max-width: 768px) {
+            .container,
+            .container-fluid,
             body .container,
             body .container-fluid {
-                padding-left: 1rem !important;
-                padding-right: 1rem !important;
+                padding-left: 0.25rem !important;
+                padding-right: 0.25rem !important;
+                max-width: 99vw !important;
+                width: 99vw !important;
             }
         }
         
         @@media (max-width: 576px) {
+            .container,
+            .container-fluid,
             body .container,
             body .container-fluid {
-                padding-left: 0.5rem !important;
-                padding-right: 0.5rem !important;
+                padding-left: 0.125rem !important;
+                padding-right: 0.125rem !important;
+                max-width: 100vw !important;
+                width: 100vw !important;
             }
         }
         
         /* 导航栏样式调整 */
+        .navbar .container-fluid,
         body .navbar .container-fluid {
-            padding-left: 2rem !important;
-            padding-right: 2rem !important;
-            max-width: 1400px !important;
+            padding-left: 0.5rem !important;
+            padding-right: 0.5rem !important;
+            max-width: 95vw !important;
+            width: 95vw !important;
             margin: 0 auto !important;
         }
         
         @@media (max-width: 1200px) {
+            .navbar .container-fluid,
             body .navbar .container-fluid {
-                padding-left: 1.5rem !important;
-                padding-right: 1.5rem !important;
+                padding-left: 0.5rem !important;
+                padding-right: 0.5rem !important;
+                max-width: 98vw !important;
+                width: 98vw !important;
             }
         }
         
         @@media (max-width: 768px) {
+            .navbar .container-fluid,
             body .navbar .container-fluid {
-                padding-left: 1rem !important;
-                padding-right: 1rem !important;
+                padding-left: 0.25rem !important;
+                padding-right: 0.25rem !important;
+                max-width: 99vw !important;
+                width: 99vw !important;
             }
         }
         
         @@media (max-width: 576px) {
+            .navbar .container-fluid,
             body .navbar .container-fluid {
-                padding-left: 0.5rem !important;
-                padding-right: 0.5rem !important;
+                padding-left: 0.125rem !important;
+                padding-right: 0.125rem !important;
+                max-width: 100vw !important;
+                width: 100vw !important;
             }
         }
         
         /* 页脚样式调整 */
+        .footer .container,
         body .footer .container {
-            padding-left: 2rem !important;
-            padding-right: 2rem !important;
-            max-width: 1400px !important;
+            padding-left: 0.5rem !important;
+            padding-right: 0.5rem !important;
+            max-width: 95vw !important;
+            width: 95vw !important;
             margin: 0 auto !important;
         }
         
         @@media (max-width: 1200px) {
+            .footer .container,
             body .footer .container {
-                padding-left: 1.5rem !important;
-                padding-right: 1.5rem !important;
+                padding-left: 0.5rem !important;
+                padding-right: 0.5rem !important;
+                max-width: 98vw !important;
+                width: 98vw !important;
             }
         }
         
         @@media (max-width: 768px) {
+            .footer .container,
             body .footer .container {
-                padding-left: 1rem !important;
-                padding-right: 1rem !important;
+                padding-left: 0.25rem !important;
+                padding-right: 0.25rem !important;
+                max-width: 99vw !important;
+                width: 99vw !important;
             }
         }
         
         @@media (max-width: 576px) {
+            .footer .container,
             body .footer .container {
-                padding-left: 0.5rem !important;
-                padding-right: 0.5rem !important;
+                padding-left: 0.125rem !important;
+                padding-right: 0.125rem !important;
+                max-width: 100vw !important;
+                width: 100vw !important;
             }
         }