jquery - 我需要根据窗口宽度更改 img

Question

我想要的是当窗口变小时改变图像。

例如，当窗口小于 900px 时，它将是一张图像。但是当寡妇大于 900 时，它将是一个不同的图像。

我不知道如何使用不同的窗口大小来做到这一点？

Answer 1

您可以像这样使用 css 媒体查询:

@media (max-width:900px) {
   #targetElement { background-image: url('...') }
}

@media (min-width:901px) {
   #targetElement { background-image: url('...') }
}

@media