如何让img标签在手机端不发送请求

Question

有两个banner，一个在电脑端显示，一个在手机端显示。现在是无论是pc还是移动端打开页面两个banner的img标签都会发送请求。有什么简单的方法pc端打开页面只让xl-banner里面的img发送请求。<div class="xl-banner">      <img src="./images/1.jpg" alt="">      <img src="./images/2.jpg" alt=""></div><div class="sm-banner">      <img src="./images/1.jpg" alt="">      <img src="./images/2.jpg" alt=""></div>可以不可以不写js解决，替换src路径这方法有点麻烦，而且我项目很多地方改起来也麻烦。

Answer 1

媒体查询， 设置display: none的img是不会发送请求的