百分比布局

src/App.vue

@@ -12,7 +12,7 @@ export default {
   },
   mounted() {},
   created() {
-    new DevicePixelRatio().init();
+    //new DevicePixelRatio().init();
   },
 };
 </script>

src/views/alarmHandling/components/historyimg.vue

@@ -97,8 +97,12 @@ export default {
 </script>
 <style lang="less">
 .showDialogHistoryPic {
+  .el-dialog {
+    width: 70% !important;
+    height: 90%;
+  }
   .el-dialog__body {
-    height: 768px;
+    height: calc(100% - 70px);
     .title {
       height: 32px;
       padding-left: 12px;

src/views/alarmHandling/index.vue

@@ -1005,12 +1005,14 @@ export default {
     right: 0;
     top: 0;
     z-index: 9999;
+    width: 100%;
+    height: 100%;
     display: flex;
     cursor: pointer;
     .picboxI {
       position: relative;
-      width: 1538px;
-      height: 865px;
+      width: 1200px;
+      height: 670px;
       margin: auto;
       animation-name: scaleDraw;
       /*关键帧名称*/
@@ -1023,8 +1025,8 @@ export default {
       align-items: center;
       justify-content: center;
       img {
-        max-width: 1538px;
-        max-height: 865px;
+        max-width: 1200px;
+        max-height: 670px;
 
         margin: auto;
         position: absolute;

src/views/pictureRotation/index.vue

@@ -537,8 +537,12 @@ export default {
     }
   }
   .showDialogHistoryPic {
+    .el-dialog {
+      width: 70% !important;
+      height: 90%;
+    }
     .el-dialog__body {
-      height: 768px;
+      height: calc(100% - 70px);
       .title {
         height: 32px;
         padding-left: 12px;