<template>
  <div id="js_home">
    <!-- 顶部 -->
    <HomeTop />
    <Bottom />
  </div>
</template>

<script>
// 顶部
import HomeTop from "@/views/Home/HomeTop/HomeTop";
import Bottom from "@/components/Bottom/Bottom";

export default {
  name: "Home",
  components: {
    HomeTop,
    Bottom,
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style lang="less"  scoped>
#js_home {
}

// 正常横屏样式
@media all and (orientation: landscape),
  /** 伪竖屏*/all and (orientation: portrait) and (min-width: 600px) and (min-height: 800px) {
  // 横屏最大高度
  // height: 260 / @rem;
  //   overflow-y: auto;
  #js_home {
    margin-bottom: 0 / @rem;
  }
}

// ipad 横屏
@media /** 伪竖屏*/all and (orientation: portrait) and (min-width: 600px) and (min-height: 800px),
  /**ipad伪横屏 */ all and (orientation: landscape) and (min-width: 800px) and (min-height: 600px),
  all and (min-device-aspect-ratio: 3/4) and (max-device-aspect-ratio: 4/3),
  all and (device-aspect-ratio: 4/3) {
  #js_home {
    margin-bottom: 200 / @rem;
  }
}
</style>