在进行 Vue 后台开发时,一般来说,我们希望我们的应用的首页是 100% 高度,其样式大致如下
![Vue 没有办法让页面高度为 100% 怎么办? - 1 sfk1o](https://postimg.aliavv.com/201810/sfk1o.jpg)
但是一开始,往往会遇到高度没有办法设置为 100%。
这是由于在 Vue 中,并没有给 html,body,#app 设置默认高度
解决方案也很简单,只需要在 App.vue
的 style
中添加如下代码
html,
body,
#app {
height: 100%;
}
Code language: CSS (css)
Do things like hackers and try to make the world a better place
在进行 Vue 后台开发时,一般来说,我们希望我们的应用的首页是 100% 高度,其样式大致如下
但是一开始,往往会遇到高度没有办法设置为 100%。
这是由于在 Vue 中,并没有给 html,body,#app 设置默认高度
解决方案也很简单,只需要在 App.vue
的 style
中添加如下代码
html,
body,
#app {
height: 100%;
}
Code language: CSS (css)