<template>
  <div id="app" class="greenStyle">
    <router-view> </router-view>
  </div>
</template>
<script>
export default {
  name: "App",
  data() {
    return {};
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style lang="less">
// @media only screen and (orientation: portrait) and (max-width: 768px) {
//   /*竖屏 css*/
//   // 需求代码
//   html {
//     width: 100vmin !important;

//     height: 100vmax !important;
//   }

//   body {
//     width: 100vmin !important;

//     height: 100vmax !important;
//   }

//   #app {
//     width: 100vmax !important;

//     height: 100vmin !important;

//     transform-origin: top left;

//     transform: rotate(90deg) translate(0, -100vmin);
//   }
//   .el-menu--horizontal {
//   }
// }

// landscape 为判断为横屏

@media only screen and (orientation: landscape) and (max-height: 600px) {
  /*横屏 css*/
  // 需求代码
  #app {
    //background: #f00;
  }
}
</style>
