diff --git a/public/monitor/iframe.html b/public/monitor/iframe.html
index 04ce4dd..f03ba8f 100644
--- a/public/monitor/iframe.html
+++ b/public/monitor/iframe.html
@@ -44,7 +44,7 @@ $(function () {
         height = '930';
     }
     width = 500;
-    height = 300;
+    height = 250;
     // ��ʼ�����������������
     WebVideoCtrl.I_InitPlugin(width,height, {
         bWndFull: true,//�Ƿ�֧�ֵ�����˫��ȫ����Ĭ��֧�� true:֧�� false:��֧��
diff --git a/src/views/videoMonitoring.vue b/src/views/videoMonitoring.vue
index d24694e..ce91eb4 100644
--- a/src/views/videoMonitoring.vue
+++ b/src/views/videoMonitoring.vue
@@ -1,32 +1,32 @@
 <template>
     <div id="video">
         <div class="contant">
-          <table style="height: 600px;width: 100%;">
+          <table style="height: 500px;width: 100%;">
             <tr style="height: 100%;width: 100%;">
               <td style="width: 100%;">
                  <div style="width: 80%; height: 100%; object-fit: cover;" >
-                     <div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('14')"></div>
-                     <iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
+                     <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('14')"></div>
+                     <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe1" frameborder="0" ></iframe>
                  </div>
               </td>
               <td style="width: 100%;">
                  <div style="width: 80%; height: 100%; object-fit: cover;">
-                     <div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('16')"></div>
-                     <iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
+                     <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('16')"></div>
+                     <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe2" frameborder="0" ></iframe>
                  </div>
               </td>
             </tr>
             <tr style="height: 100%;width: 100%;">
               <td style="width: 100%;">
                  <div style="width: 80%; height: 100%; object-fit: cover;" >
-                     <div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('17')"></div>
-                     <iframe style="width: 500px;height: 300px" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
+                     <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('17')"></div>
+                     <iframe style="width: 500px;height: 250px" src="monitor/iframe.html" ref="videoIframe3" frameborder="0" ></iframe>
                  </div>
               </td>
               <td style="width: 100%;">
                  <div style="width: 80%; height: 100%; object-fit: cover;" >
-                     <div style="width: 100%;height: 100%;position: fixed;" @click="openVideo('32')"></div>
-                     <iframe style="width: 500px;height: 300px"  src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
+                     <div style="width: 100%;height: 220px;position: fixed;" @click="openVideo('32')"></div>
+                     <iframe style="width: 500px;height: 250px"  src="monitor/iframe.html" ref="videoIframe4" frameborder="0" ></iframe>
                  </div>
               </td>
             </tr>
diff --git a/src/views/view.vue b/src/views/view.vue
index f0e0f49..b7628b0 100644
--- a/src/views/view.vue
+++ b/src/views/view.vue
@@ -103,10 +103,10 @@
         </div>
       </div>
     </div>
-    <div style="height: 40%;width: 70%;margin-top: 8%;">
+    <div style="height: 30%;width: 92%;margin-top: 5%;">
       <div class="partthree_title"><span>重点区域监控</span></div>
       <div class="partthree_title2"><div class="fegexian2" style="margin-top: 2px;"></div></div>
-      <div style="height: 100%;width: 100%;margin-top: 1%;">
+      <div style="height: 95%;width: 100%;margin-top: 1%;">
         <videoMonitoring></videoMonitoring>
         <!-- <table style="height: 50%;width: 100%;">
           <tr style="height: 50%;width: 50%;">
@@ -184,6 +184,8 @@ export default {
   created() {
   },
   mounted() {
+     // alert("screen.width"+screen.width);
+     // alert("screen.height"+screen.height);
      this.getCurrentTime(); // 组件挂载后获取时间
      this.initData();// 你的业务逻辑
      setTimeout(()=>{
@@ -589,17 +591,17 @@ export default {
       background-image: url("../assets/images/background.jpg");
       background-size: cover; /* 覆盖整个div */
       background-position: center; /* 图片居中 */
-      overflow-y: auto; /* 仅垂直滚动 */
+      // overflow-y: auto; /* 仅垂直滚动 */
       display: flex;
       width: 100%;
       justify-content: center; /* 水平居中 */
       flex-wrap: wrap;
     }
     .container2 {
-        height: 100%;
+        height: 95%;
         width: 100%;
         display: flex;
-        flex-direction: row;
+        // flex-direction: row;
         justify-content: center; /* 水平居中 */
         align-items: center;
         flex-wrap: wrap;
@@ -610,7 +612,7 @@ export default {
        background-image: url("../assets/images/canteen1.png");
        background-size: cover; /* 覆盖整个div */
        background-position: center; /* 图片居中 */
-       height: 15%;
+       height: 5%;
     }
     .titlediv{
       display: flex;
@@ -699,7 +701,7 @@ export default {
     }
     .partthree{
       margin-top: 1%;
-      height: 30%;
+      height: 8%;
       width: 90%;
 
       display: flex;