css设置view背景图大小
时间: 2023-10-21 09:03:56 浏览: 97
CSS控制图片背景自适应大小
4星 · 用户满意度95%
你可以使用 CSS 中的 `background-size` 属性来设置背景图的大小。例如,如果你想让背景图的宽度为 100px,高度为 50px,你可以这样写:
```css
.view {
background-image: url("your-image-url.jpg");
background-size: 100px 50px;
}
```
你也可以使用其他单位,比如百分比或 em。例如,如果你想让背景图的宽度为视口宽度的一半,高度为 200px,你可以这样写:
```css
.view {
background-image: url("your-image-url.jpg");
background-size: 50% 200px;
}
```
你还可以使用 `cover` 和 `contain` 等关键字来指定背景图的大小。`cover` 表示背景图尽可能占满整个容器,可能会被裁剪;`contain` 表示背景图完整地显示在容器内,可能会留有空白。例如:
```css
.view {
background-image: url("your-image-url.jpg");
background-size: cover; /* 或者 contain */
}
```
阅读全文