如何在CSS中调整窗口大小调整图像大小？

Question

我想在调整窗口大小时调整图像大小.

我的窗户是1600x1200.我的形象是1000x500.

我尝试使用background-size: cover,它的工作原理但图像质量很差.

那么,如果窗口大于1000px ,可以选择将图像保持为最大1000px ,如果小于1000px(例如background-size: cover),则根据屏幕调整大小吗？

Answer 1

是的,有媒体查询

@media(min-width:1000px){
.class{background-size: auto}
}
@media(max-width:999px){
.class{background-size: cover}
}