我们可以用 srcset 替换图像吗？答案

【问题标题】：Could we replace images with srcset?我们可以用 srcset 替换图像吗？
【发布时间】：2017-06-24 15:37:50
【问题描述】：

在 mobil 和 tablet 上更改 img 时，我必须解决一些问题，而我无法修复它使用 jQuery （我是 jQuery 的初学者），我正在尝试使用 html5。

有什么办法可以用srcset更改平板和手机版本的图片吗？我能做些什么？为什么我的代码没有按预期工作？如何使用 jQuery 更改 768px 和 480px 上的 img src？图像将动态更改，这就是我不想只使用 css（媒体查询）的原因。

This is my another code

<html lang="en">
<head>
  <meta charset="UTF-8" />
</head>
<body>
   <img src="http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/1.jpg"  
        srcset="http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/2.jpg 1000w, http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/3.jpg 768w,http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/4.jpg 400w">      
</body>
</html>

【问题讨论】：

您预计会发生什么？在您的 sn-p 上，我看到一个火车前部，即图像编号 2，这意味着 srcset 似乎确实有效。
@recruit_man 如果您提供srcset，用户代理可以自行选择最佳。您可以使用sizes 属性给出另一个提示。你想达到什么目标？使用固定断点根据显示尺寸不同的图像？
How to change an image path based on screen width?的可能重复
@AdrianoRepetti 实际上我想用平板电脑上的另一个图像替换 img 源移动设备上的不同图像另一个不同的图像必须更改（对不起，我的英语）
但是srcset 并非旨在根据您使用的设备提供不同的内容。它旨在提供可供浏览器使用的替代图像列表，以适应用户偏好和带宽要求。除了sizes，它还可以为不同的像素密度提供不同的图像（想象一下桌面低分辨率显示器与 iPad2 显示器……）。顺便说一句，有时它可能恰好与您正在使用的设备有关...

标签： javascript jquery html

【解决方案1】：

为图像添加样式，使其始终为屏幕宽度的 100%

<img src="http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/1.jpg"  
 srcset="http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/2.jpg 1000w, http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/3.jpg 768w,http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/4.jpg 400w" style="width:100%">

【讨论】：

嘿，托尼，我说的是不同图像的随机图像，我的意思是平板电脑上的宽屏自然图像移动运动图像上的动物图像
是的，尝试用我的代码替换你的代码，它正在工作，它被替换为正确的大小