地图页面优化

src/views/Gis/screenDisplay.vue

 <script setup>
-import screenDisplay from '../../components/screenDisplay.vue'
-
+import screenDisplay from "../../components/screenDisplay.vue";
 </script>
 
 <template>
@@ -10,16 +9,25 @@ import screenDisplay from '../../components/screenDisplay.vue'
 </template>
 
 <style>
-body, div, p, img, span, table, tr, td {
+body,
+div,
+p,
+img,
+span,
+table,
+tr,
+td {
   margin: 0;
   padding: 0;
 }
-html, body {
+html,
+body {
   font-family: "Microsoft YaHei";
-  font-size: 16px;
   background-color: #033447;
+  font-size: 12px;
 }
-ul, li {
+ul,
+li {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -37,20 +45,20 @@ ul, li {
   padding: 5px 20px;
   color: #ffffff !important;
   text-shadow: 1px 1px 1px #333;
-  font-size: 15px;
+  font-size: 12px;
   font-weight: bold;
   border: #fff solid 1px;
 }
 .mypopup1 {
   /* width: 160px; */
   text-align: center;
-  background-color: rgba(96, 232, 96, .5);
+  background-color: rgba(96, 232, 96, 0.5);
   box-shadow: inset 0 0 20px rgb(62, 127, 245);
 }
 .mypopup2 {
   width: 160px;
   text-align: center;
-  background-color: rgba(255, 255, 255, .5);
+  background-color: rgba(255, 255, 255, 0.5);
   box-shadow: inset 0 0 20px rgb(62, 127, 245);
 }
 .amap-marker-label {
@@ -58,9 +66,15 @@ ul, li {
   background-color: transparent;
   cursor: pointer;
 }
-@media (max-width: 2560px) {
+@media (min-width: 1700px) {
   body {
     font-size: 15px;
   }
 }
+@media (min-width: 2560px) {
+  body {
+    font-size: 18px;
+  }
+}
+
 </style>
\ No newline at end of file