css - 如何在基于元素的响应式布局中使用图像作为背景？

Question

我想在布局的左侧使用一个人的图像。但在较小的屏幕上它看起来很长。我尝试使用以下背景属性:

background: rgba(0, 0, 0, 0) url("../images/login.png");
background-size: 100% 100%; // i have tried with contain and cover as well
background-repeat: no-repeat;
height: 92%;

Answer 1

因为它会在比其 res 更大的背景上被拉伸(stretch)，移除高度属性可能会显示更好的结果。也可以直接根据静态宽高设置。