地图居中

src/views/privateOrder/security/components/componentCenter.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="maincontainer">
-    <img src="@/assets/privateOrder/map/地图@2x.png" alt="">
+    <img class="map-img" src="@/assets/privateOrder/map/地图@2x.png" alt="">
     <div class="abspan">
       <span> 苏州阳澄湖 <br /> 半岛旅游度假区</span>
       <span> 苏州工业园区 <br /> 金鸡湖商务区</span>
@@ -212,6 +212,12 @@ export default {
   align-items: center;
   position: relative;
 }
+.map-img {
+  width: 100%;
+  height: auto;
+  max-width: 100%;
+  display: block;
+}
 
 .abspan {
   width: 100%;

src/views/privateOrder/security/index.vue

@@ -105,6 +105,8 @@ export default {
 .center-container {
   z-index: 3;
   margin: 0 auto;
+  position: absolute;
+  left: 35%;
   width: 1914px;
   height: $ScreenHeight;
 }