使用html修改背景图像大小

Question

我有以下内容：

<div style="container;background-image:url('/images/football.jpg');background-size:100% 100%;">

我想手动调整图像的宽度和高度。我现在有它覆盖div的整个宽度，但不是完整的高度。有没有办法手动调整百分比形式的大小，同时保持不重复的图像。

Answer 1

background-size: 100%;

将按比例调整图像到背景区域的100％宽度。

如果您的图片尺寸小于背景区域，请使用

background-size:cover;

拉伸它，使背景区域被背景图像完全覆盖。

如果你的图像尺寸很大，那么背景区域则使用

 background-size:contain;

缩小它以使背景图像完全适合背景区域。