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 bbfd860d..3f904365 100644 --- a/sec-beidou/src/main/resources/templates/page/device_overview.html +++ b/sec-beidou/src/main/resources/templates/page/device_overview.html @@ -255,8 +255,7 @@ @media screen and (max-width: 768px) { .layuimini-main { - height: calc(100vh - 20px); - height: calc(100dvh - 20px); /* 动态视口高度,支持移动端 */ + height: 108vh; overflow: hidden; } @@ -322,7 +321,7 @@ /* 移动端工具栏适配 */ .map-toolbar { - position: static; + position: absolute; transform: none; left: auto; margin: 8px; @@ -332,11 +331,13 @@ flex-wrap: wrap; gap: 6px; padding: 6px 10px; + top:0px; } .toolbar-item { gap: 4px; flex: 0 0 auto; + width:100% } .toolbar-label { @@ -350,8 +351,7 @@ .toolbar-input { font-size: 11px; height: 24px; - min-width: 80px; - width: auto; + width: 100%; } .toolbar-btn { @@ -403,12 +403,15 @@ .dropdown-container { position: relative; display: inline-block; + width: 100%; } .dropdown-toggle { cursor: pointer; display: flex; align-items: center; + width: 100%; + justify-content: center; } .dropdown-toggle::after { @@ -635,10 +638,10 @@