RWD

app.py

@@ -1286,6 +1286,26 @@ def get_key_moments_html(key_moments):
         position: absolute;
         width: 1px;
     }
+
+    @media (max-width: 768px) {
+        #gallery-main {
+            flex-direction: column; /* 在小屏幕上堆叠元素 */
+        }
+
+        #gallery {
+            width: 100%; /* 让画廊占满整个容器宽度 */
+        }
+
+        #text-content {
+            margin-left: 0; /* 移除左边距，让文本内容占满宽度 */
+            margin-top: 20px; /* 为文本内容添加顶部间距 */
+        }
+
+        #gallery #gallery-container {
+            height: 350px; /* 或者你可以设置一个固定的高度，而不是用 padding-bottom */
+            padding-bottom: 0; /* 移除底部填充 */
+        }
+    }
     </style>
     """