#方法1(成功)
设置单位为100vh。

#方法2:我试了一下,没成功(可能要在App.vue设置)。
给div设置高度100%时,div的高度会等同于其父元素的高度。而上面代码中id为app的div(即为vue挂载的div)的父节点是是body标签,body标签的父节点是html标签。在默认情况下html和body标签的高度为auto,而浏览器是不会自动给标签添加高度的,所以html和body标签就为0,自然子div的高度设置为100%就不起作用了。

<template>
  <div id="app">
     我是根节点
  </div>
</template>
html,body,#app {height: 100%;}
Logo

前往低代码交流专区

更多推荐