Screen-移动端自适应屏幕高度

代码

<div :style="{'height':height + 'px'}">
  
</div>

  mounted () {
    this.height = screen.height - 96
  },

96px是标题栏和底部tab的高度之和

扩展

Screen 是浏览器Browser的对象

Screen 对象包含有关客户端显示屏幕的信息。

Note注意： 没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。

参考

Screen 对象