简单实现elementui的el-container布满全屏 在使用elementui的布局元素的时候,会遇到一个问题,那就是照着官方文档弄出来的布局元素不能实现满屏。 我们从官方文档拷贝实现的效果如图: 很显然,这不是我们想要的效果,我们要把它布满全屏. 经过我的多次尝试,我找到了一种解决办法,解决代码如下 /* 找到html标签、body标签...
在其他地方搜索到在布局组件中的.el-aside样式下加上 line-height: 100vh;这个办法暂时实现全屏,但是感觉用vh后续会出现问题,现来看看有没有别的解决办法 html,body,#app,.el-container{ /*设置内部填充为0,几个布局元素之间没有间距*/ padding: 0px; /*外部间距也是如此设置*/ margin: 0px; /*统一设置...
简单实现elementui的el-container布满全屏 在使用elementui的布局元素的时候,会遇到一个问题,那就是照着官方文档弄出来的布局元素不能实现满屏。 很显然,这不是我们想要的效果,我们要把它布满全屏. 解决代码如下 /*找到html标签、body标签,和挂载的标签 都给他们统一设置样式*/html,body,#app,.el-container{/*设...
在其他地方搜索到在布局组件中的.el-aside样式下加上 line-height: 100vh;这个办法暂时实现全屏,但是感觉用vh后续会出现问题,现来看看有没有别的解决办法 html,body,#app,.el-container{ /*设置内部填充为0,几个布局元素之间没有间距*/ padding: 0px; /*外部间距也是如此设置*/ margin: 0px; /*统一设置...
在其他地方搜索到在布局组件中的.el-aside样式下加上 line-height: 100vh;这个办法暂时实现全屏,但是感觉用vh后续会出现问题,现来看看有没有别的解决办法 html,body,#app,.el-container{ /*设置内部填充为0,几个布局元素之间没有间距*/ padding: 0px; /*外部间距也是如此设置*/ margin: 0px; /*统一设置...