<template>
  <div id="app" >
    <router-view/>

  </div>
</template>

<script>

export default {
  name: 'App'
  // created() {
  //       (function () {
  //           function setRootFontSize() {
  //               const rootHtml = document.documentElement;
  //               console.log(rootHtml,'rootHtml')
  //               // 限制展现页面的最小宽度
  //               const rootWidth = rootHtml.clientWidth < 500 ? 500 : rootHtml.clientWidth;
  //               // const rootHeight = rootHtml.clientHeight < 500 ? 500 : rootHtml.clientHeight;
  //               console.log(rootHtml,'rootHtml1')
  //               // 19.2 = 设计图尺寸宽 / 100（ 设计图的rem = 100 ）
  //               // 100px   1920 19.2rem
  //               const rem = rootWidth / 19.2;
  //               // 动态写入样式
  //               rootHtml.style.fontSize = `${rem}px`;
  //           }
  //           setRootFontSize();
  //           window.addEventListener('resize', setRootFontSize, false);
  //       })();
  //   }
}

</script>

<style>
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}

/* body{
  width: 1920px;
  height: 928px;
} */
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;

}

</style>
