css填充整个屏幕 |vue 绑定css样式

第一种方法是使用绝对定位（position:absolute）来实现，具体代码如下：

html,body{
height:100%;
}
.container{
position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0; 
width:100%; 
height:100%; 
}

上面的代码中，大家将html和body元素的高度都设置为100%，然后将.container元素绝对定位并覆盖整个屏幕。

第二种方法是使用固定定位（position:fixed）来实现，代码如下：

body{
height:100%;
}
.container{
position:fixed; 
top:0; 
bottom:0; 
left:0; 
right:0; 
width:100%; 
height:100%; 
}

这种方法和第一种方法非常类似，只是改成了固定定位。

第三种方法是使用vh和vw单位，它可以直接将元素的高度和宽度设置为视口高度和宽度的比例，如下所示：

.container{
width:100vw;
height:100vh;
}

这种方法的优点是代码简洁明了，但缺点是在一些老旧的浏览器上可能会出现兼容性问题。

无论是哪种方法，都可以让你的页面充满整个屏幕，让用户看起来更加舒适和美观。