Javascript 根据屏幕大小更改图像大小

我正在使用引导，由于某种原因，这意味着每当我尝试

@媒体（最小高度：1000px）

时，图像类都没有响应

我想运行一个javascript，当屏幕高度超过一定大小时，它会调整图像的大小。（比方说1000像素）

我找到的最好的代码是

<script>
    $(function() {
        if ($(window).height() >= 710) {
            $("img").each(function() {
                $(this).attr("src", $(this).attr("src").replace("logo1.png", "logo2.png"));
            });
        }
    });
</script>

---

您可以将CSS媒体查询与图像背景一起使用，而不是使用JS。例如，

。使用CSS媒体查询根据屏幕大小选择图像。

您可以将CSS媒体查询与图像背景一起使用，而不是使用JS。例如，

。使用CSS媒体查询根据屏幕大小选择图像。

如果你正在做一个移动站点，你应该首先从你想要的图像大小开始，然后当你的图像大小低于1000像素时，将其设置为下一个级别，以此类推下一个大小你会怎么做？使用JS？如果你正在做一个移动站点，你应该首先从你想要的图像大小开始，然后当你的图像大小低于1000像素时，将其设置为下一个级别，然后再设置下一个大小。你会怎么做？使用JS？这与我上面所做的不同吗？设置一个类，并为该类指定一个最小宽度（图像），其中我在@media屏幕中指定一个最小高度，然后-不管是哪种方式，我都没能让它工作，这与我上面所做的有什么不同？设置一个类，并为该类指定一个最小宽度（图像），其中我在@media屏幕中指定一个最小高度，然后-不管怎样，我都没能成功

@media screen and (max-width: 980px) and (min-height: 1000px) {
 .iphonegangster {
  min-width: 950px;
  height: auto;
 }