diff --git a/sec-beidou/src/main/resources/templates/page/device_overview.html b/sec-beidou/src/main/resources/templates/page/device_overview.html
index 8cc3d97b..7e20f5fd 100644
--- a/sec-beidou/src/main/resources/templates/page/device_overview.html
+++ b/sec-beidou/src/main/resources/templates/page/device_overview.html
@@ -49,6 +49,7 @@
         .flex-row {
             display: flex;
             align-items: stretch;
+            flex-wrap: wrap;
         }
         .flex-row > .layui-col-xs12,
         .flex-row > .layui-col-md6 {
@@ -111,6 +112,7 @@
             border-radius: 3px;
             box-shadow: 0 2px 4px rgba(0,0,0,0.2);
             min-width: 220px;
+            margin-bottom: 1em;
         }
         .map-control-card .title {
             font-size: 14px;
@@ -159,6 +161,14 @@
             margin-top: 0;
             border-radius: 6px;
         }
+
+        @media screen and (max-width: 768px) {
+            .map-control-card {
+                position: static;
+                display: block;
+                margin-bottom: 1em;
+            }
+        }
     </style>
 
     <script src="https://cdn.jsdelivr.net/npm/ol@v10.5.0/dist/ol.js"></script>