给我一个VUE中 css里面图片上下沾满屏幕的代码
时间: 2024-03-16 08:45:40 浏览: 67
你可以使用以下代码将图片上下沾满屏幕:
```html
<template>
<div class="container">
<img src="your-image-url" alt="your-image" class="full-screen-img">
</div>
</template>
<style>
.container {
height: 100vh; /* 设置容器高度为屏幕高度 */
display: flex;
justify-content: center;
align-items: center;
}
.full-screen-img {
height: 100%; /* 设置图片高度为容器高度 */
width: auto; /* 根据宽高比自适应宽度 */
}
</style>
```
其中,`.container` 为容器类名,`.full-screen-img` 为图片类名。你需要将 `your-image-url` 替换成你自己的图片链接。
阅读全文