<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,viewport-fit=cover" />
  <meta name="format-detection" content="telephone=no,email=no,adress=no">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.png" type="image/png">
  <title></title>
</head>

<body>
  <div id="main-view" />
  <script>
    var docEl = document.documentElement;
    function setRemUnit(type) {
      let w = Math.max(window.innerWidth, docEl.clientWidth, docEl.offsetWidth);
      let defaultWidth = 375;//填入设计稿上的宽度
      w = w > defaultWidth ? defaultWidth : w;
      var rem = w / defaultWidth * 100;
      docEl.style.fontSize = rem + 'px'
    }
    setRemUnit('init');
    if (document.readyState === 'interactive') {
      setRemUnit('init');
    } else {
      window.addEventListener('DOMContentLoaded', function () {
        setRemUnit('init');
      })
    }
    window.addEventListener("resize", function () {
      setRemUnit('resize');
    });
  </script>
</body>

</html>