1.在使用el-container的时候会发现,如果我们想要让一个布局布满整个屏幕,实现自适应的效果,但是会发现要实现这个方法还要一定的css的功底,像我的功底就比较菜了,然后去网站找结果,但是啥度没有找到,写此文章留作自己的笔记,大神有更好的实现方法可以一起交流。
我的实现代码如下:

Header slider Main Footer

重要的就是那个vh,vw。这两个的全称是viewport.
viewport:可视窗口,也就是浏览器。
vw Viewport宽度, 1vw 等于viewport宽度的1%
vh Viewport高度, 1vh 等于viewport高的的1%
结果如下:
elemenui使用el-container布满整个屏幕

elemenui使用el-container布满整个屏幕

相关文章: