实现页面在缩小的时候，内容自适应？

APP.vue

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

<script>
export default {
  name: 'App',
  created () {
    window.addEventListener('resize', this.handleResize);// 监听窗口大小变化
  },
  beforeDestroy () {
    window.removeEventListener('resize', this.handleResize);// 移除监听
  },
  methods: {
    handleResize () {
      if (window.innerWidth < 1500) {
        document.getElementById('app').style.minWidth = '1500px';
        console.log('resized to: ', window.innerWidth, 'x', window.innerHeight);
      }
      console.log('页面大小发生了变化')
    }
  }

}
</script>

<style>
</style>