PC端的页面如何适应手机端

手机端和PC端切换时，两个端显示内容不一样这么搞

mounted() {
    let screenWidth = document.body.clientWidth;
    console.log(screenWidth)
    if (screenWidth < 768) {
      this.show = true;
      this.showPC = false;
    } else {
      this.show = false;
      this.showPC = true;
    }
  },

除了这种控制显示隐藏外，发现更简单的一个方法（因为是刚转行的前端，所以怎么简单怎么来哈哈哈）

@media only screen and (max-width: 768px) {
  .app {
    display: block;
  }
  .header {
    display: none;
  }
}

如上，用媒体查询写样式时，让手机端的app显示，PC端的header隐藏。当然在PC端也得写上app隐藏。