响应式

react-app/src/style.css

@@ -1,15 +1,3 @@
-/* PC端等比例缩放，根字号固定 */
-html {
-    font-size: 16px;
-}
-
-/* 移动端基础字号 */
-@media screen and (max-width: 768px) {
-    html {
-        font-size: 14px;
-    }
-}
-
 * {
     margin: 0;
     padding: 0;
@@ -21,9 +9,6 @@ body {
     color: #fff;
     min-width: 320px;
     overflow-x: hidden;
-    /* PC端缩放相关样式 */
-    transform-origin: left top;
-    transition: transform 0.1s ease-out;
 }
 
 .container {
@@ -32,8 +17,6 @@ body {
     flex-direction: column;
     justify-content: space-between;
     background: #000;
-    /* 固定最小宽度，避免缩放时内容挤压 */
-    min-width: 1200px;
 }
 
 .cont{
@@ -41,20 +24,10 @@ body {
     max-width: 1400px;
     margin: 0 auto;
     padding: 0 1rem;
-    /* 确保内容区域最小宽度 */
-    min-width: 1080px;
 }
 
 /* 移动端下调整宽度 */
 @media screen and (max-width: 768px) {
-    body {
-        transform: none !important;
-        width: 100% !important;
-        min-width: 320px !important;
-        height: auto !important;
-        overflow-x: hidden !important;
-    }
-
     .container {
         min-width: 320px;
         width: 100%;