fix:修改项目界面适配

web

5 天以前 0c026f9cb1ccd39690a118af70023fe29f051388

 index.html

@@ -9,6 +9,7 @@
  <link rel="icon" href="/favicon.ico">
  <title>金川水电站生态流量监测系统</title>
  <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
    <script type="text/javascript" src="/jessibuca.js"></script>

  <style>
    html,
@@ -213,4 +214,17 @@
  <script type="module" src="/src/main.js"></script>
</body>

<script>
    // 屏幕适配
    const t = window.devicePixelRatio   // 获取下载的缩放 125% -> 1.25    150% -> 1.5
    const width_screen = window.screen.width;
    let zoom = 1
    if (t !== 1) {
        zoom = (1 / t) * zoom;   // 就去修改页面的缩放比例
    }
    if (width_screen < 1366) {
        zoom = (width_screen / 1366) * zoom;   // 就去修改页面的缩放比例
    }
    document.body.style.zoom = zoom;   // 就去修改页面的缩放比例
</script>
</html>