revert: ⏪ revert change

Author: chaoyen1111

js/main-en.js

@@ -378,4 +378,16 @@
     kebbi.addEventListener('touchstart', target);
   }
 
+  // 處理中間圖片跟隨視窗大小移動位置
+  window.onresize = function () {
+    watchChangeSize();
+  }
+
+  function watchChangeSize() {
+    const offsetWidth = document.documentElement.clientWidth;
+    if (offsetWidth) {
+      location.reload();
+    }
+  }
+
 }();

js/main.js

@@ -379,22 +379,15 @@
   }
 
    // 處理中間圖片跟隨視窗大小移動位置
-   function screenRotate() {
-    const kebbi = document.getElementById('svgKebbi');
-    const circle = document.querySelector('.circle');
-    const ww = content.offsetWidth;
-    const wh = content.offsetHeight;
-    const ox = (ww - kebbi.offsetWidth) / 2;
-    const oy = (wh * 0.8 - kebbi.offsetHeight) / 2;
-    kebbi.style.left = `${ox}px`;
-    kebbi.style.top = `${oy}px`;
-    circle.style.width = `${ww * 0.4}px`;
-    circle.style.height = `${ww * 0.4}px`;
-    circle.style.left = `${(ww - circle.offsetWidth) / 2}px`;
-    circle.style.top = `${(wh * 0.8 - circle.offsetHeight) / 2}px`;
+  window.onresize = function () {
+    watchChangeSize();
   }
 
-  window.addEventListener('resize', screenRotate);
-  screenRotate();
+  function watchChangeSize() {
+    const offsetWidth = document.documentElement.clientWidth;
+    if (offsetWidth) {
+      location.reload();
+    }
+  }
 
 }();