您是否可以将本地延迟加载属性添加到具有媒体查询的镜像中？

我有在桌面屏幕上显示在折叠上方的图像，但在较小的移动屏幕上显示在折叠下方。我希望这些图像在显示在文件夹下面时使用本地延迟加载属性。有没有办法通过媒体查询做到这一点？谢谢

我想做的是：

CSS:
              @media screen and (max-width: 600px) {
                .lazy {
                  loading: lazy;
                }
              }

HTML:
              <img class="lazy" src="photo.jpg">

但是，似乎像这样的CSS方法并不存在，所以我正在寻找一种可以完成相同任务的替代方法。

为了澄清，相同的图像加载在较大屏幕上的折叠上方和较小屏幕上的折叠下方，并且我只想在图像显示在折叠下方时应用延迟加载。

转载请注明出处:http://www.fuqingkongyaji.com/article/20230526/1303843.html