011 App宽高铺满和Element-Plus的CS

1、让app的盒子沾满屏幕

首先我们给app一个底色

 可以看到并没有占满

 可以看到app在这个盒子里面

 

所以应该先让这个盒子占满

方法一：（应为需要改index.html，不推荐，但是可以看一下）

 可以看到

 

方法二（推荐）

 这段代码，用来设置元素的尺寸：

• width: 100vw;：width表示元素的宽度属性，100vw中的vw是视口宽度（viewport width）单位，100vw意味着该元素的宽度会占满整个视口的宽度，即浏览器窗口的宽度。
• height: 100vh;：height表示元素的高度属性，100vh中的vh是视口高度（viewport height）单位，100vh表示该元素的高度会占满整个视口的高度，即浏览器窗口的高度。

 

常用于设置一些需要铺满整个屏幕的元素，比如网页的背景容器、弹出的全屏模态框等。

 

可以看到

 

 

这里我们可以看一下兼容性

通过css变量来写一些UI框架，现在已经支持了，但是还没有写入到文档里面，后面他也会加入文档里面

 

目前想覆盖的方法有两种：

1、找到他的类直接覆盖

2、直接找到他对应的变量在修改