郭世朋20221027提交空气质量报告页面

guoshipeng

2022-10-27 8c9f89329256299c1cc68ed461e4f8621275aa7d

 public/index.html

@@ -19,7 +19,7 @@
    <script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.97/dist/mapvgl.min.js"></script>
    <!-- <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> -->
    <!-- <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/require.js/2.3.6/require.min.js"></script> -->
    

    <title><%= webpackConfig.name %></title>
    <style>
      body {
@@ -38,4 +38,57 @@
    </noscript>
    <div id="app"></div>
  </body>
  <script>
    /*$(window).resize(function() // 绑定到窗口的这个事件中

    {

      var whdef = 100 / 1080 // 表示1920的设计图,使用100PX的默认值

      var wH = window.innerHeight // 当前窗口的高度

      var wW = window.innerWidth // 当前窗口的宽度

      var rem = wH * whdef // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-   SIZE值

      $('html').css('font-size', rem + 'px')

    })

    $(window).ready(function() {

      var whdef = 100 / 1080 // 表示1920的设计图,使用100PX的默认值

      var wH = window.innerHeight // 当前窗口的高度

      var wW = window.innerWidth // 当前窗口的宽度

      var rem = wH * whdef // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-    SIZE值

      $('html').css('font-size', rem + 'px')

    })*/

    var docEl = document.documentElement,
      //当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时，
      //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。
      //总来的来就是监听当前窗口的变化，一旦有变化就需要重新设置根字体的值
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function() {
        //设置根字体大小1:50适用于375的设计稿，需要变更，就更改基础字体的数值
        docEl.style.fontSize = docEl.clientWidth / 100 + 'px';
      };

    //绑定浏览器缩放与加载时间
    window.addEventListener(resizeEvt, recalc, false);
    document.addEventListener('DOMContentLoaded', recalc, false);

   /* window.onresize = screenResize;

    function screenResize () {
      // console.log("屏幕大小变化", window.screen.availWidth);
      document.documentElement.style.fontSize = window.screen.availWidth/320*20+"px";
    }
    screenResize ();*/
  </script>
</html>