Html img src属性的媒体查询

如何在移动视图中更改

img

-->

src

？我想使用媒体查询在移动视图中更改为不同的图像如何做到这一点？我不想用它作为背景图像

对网格的更改
Bootstrap3仍然有一个12列的网格，但是很多
CSS类名已完全更改。

您可以使用以下类切换到不同的图像。请根据您的喜好调整断点

   .pc_img {
      display:none;
    }
    @media (min-width: 768px) {
      .sp_img {
        display: none;
      }
      .pc_img {
        display: inline;
      }
    }

.img移动图像{
显示：无；
}
@介质（最大宽度：767px）{
.img响应{
显示：无；
}
.img移动图像{
显示：块！重要；
}
}

对网格的更改
Bootstrap3仍然有一个12列的网格，但是许多CSS类名已经完全改变了

您需要使用js或jquery$（“#my_image”）.attr（“src”、“second.jpg”）；为什么要更改图像？你想让它变小还是手机用户看到一个完全不同的图像？你可以在这个链接下签出@Hanseffranz我想让手机用户看到一个更小的图像或者一个新的图像appear@krychuq但我想在媒体查询中使用它

   .pc_img {
      display:none;
    }
    @media (min-width: 768px) {
      .sp_img {
        display: none;
      }
      .pc_img {
        display: inline;
      }
    }