我想覆盖整个宽度,但是图像要缩放到高度的70%。
<div class="Bg">Hello</div>
.Bg {
background-image: url(https://svgshare.com/i/C_9.svg);
background-repeat: no-repeat;
background-size: cover;
height: 60vh;
width: 100%;
}
所以我想要background-size: contain
的行为,它将图像扩展到background-size: cover
的宽度。
Codepen示例: https://codepen.io/anon/pen/oOyYoR