update

src/components/taskPage/Fire.vue

@@ -76,7 +76,7 @@
 .videoBox{
     position: absolute;
     width: 100%;
-    height:290px;
+    /* height:290px; */
     top:0;
     margin:auto;
     z-index:200;
@@ -85,9 +85,9 @@
 .iphoneVideo{
     background: url('../../assets/img/juan/sp.png') no-repeat;
     background-size:100% 100%;
-    padding: 15px 29px 41px 28px;
+    padding: 3% 5% 6% 5%;
     margin: 0 auto;
-    width:490px;
+    /* width:490px; */
 }
 .TwoCode{
     width: 100%;
@@ -113,8 +113,8 @@
         <div class="FM_div" ref="div3" :style="{height: height3}">
             <img class="img" src="../../assets/img/juan/fire1.jpg" alt=""/>
             <img class="img" src="../../assets/img/juan/fire2.jpg" alt=""/>
-            <div class="videoBox" :style="{zoom: zoom,top:topDiv}">
-                <div class="iphoneVideo">
+            <div class="videoBox" :style="{top:topDiv,height:phoneHeight}">
+                <div class="iphoneVideo" :style="{width:phoneWidth}">
                     <video style="width:100%;height:100%;border:none" loop="loop" controls="controls" autoplay="autoplay">
                         <source src="../../assets/media/fire.mp4" type="video/mp4">
                         <source src="../../assets/media/fire.mp4" type="video/ogg">
@@ -179,6 +179,9 @@ export default {
         isPhone:false,
         timer:'',
         topDiv:'',
+        zoomph:0,
+        phoneWidth:0,
+        phoneHeight:0,
     };
   },
   mounted() {
@@ -189,15 +192,7 @@ export default {
         this.AutoExchange2();
 
       })
-    //   var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
-    //   if (ua.match(/MicroMessenger/i) == "micromessenger") {
-    //     //在微信中打开
-    //     this.isPhone=true;
-    //     this.AutoExchange3();
-    //   } else {
-    //   //否则就是PC浏览器打开
-    //     this.isPhone=false;
-    //   }
+
     let userAgentInfo = navigator.userAgent;
     let Agents = ["Android", "iPhone",
                 "SymbianOS", "Windows Phone",
@@ -232,10 +227,13 @@ export default {
         this.height2=(4427/1920)*oWidth+'px';
         this.loadTiaoshui();
         let oWidth2 = window.screen.width;
-        console.log("let oWidth2",oWidth2)
         this.height3=(5451/750)*oWidth2+'px';
-        this.topDiv=(1850/750)*oWidth2+'px';
-        console.log("this.topDiv",this.topDiv)
+        this.topDiv=(1350/750)*oWidth2+'px';
+        // this.zoomph= Math.round((Height/1080) * 100) / 100;
+        this.phoneWidth=(310/375)*oWidth2+'px';
+        let aa=(310/375)*oWidth2;
+        this.phoneHeight=(290/310)*aa+'px';
+
   },
   methods: {