Javascript 使用jQuery更改移动设备的映像

我正在使用一个脚本来创建一个社交墙或一个包含我所有社交提要的墙。这个脚本能够过滤社交网络，并且在顶部有图标。它工作得很好，但在移动设备上，图标非常小。我曾考虑过使用CSS媒体查询将其变大，但这会扭曲图标，因此我必须用更大的图标替换图标

问题是脚本正在动态生成代码，我无法编辑此代码。生成的代码如下所示：

<li class="active f-facebook">
  <a data-filter=".dcsns-facebook" data-group="dc-filter" rel="facebook" href="#filter">
     <img alt="" src="/images/icons/facebook.png">
  </a>
</li> 

加载脚本后，我需要将图像更改为更大的版本，并且仅适用于特定大小的移动设备

---

我不知道使用jQuery来做什么。有人能给我指出正确的方向或帮助我解决问题吗

我会告诉你使用CSS而不是脚本，因为一些运营商使用CSS在他们的移动设备中禁用javascript，并且没有任何设备都具有与脚本相同的行为。 如果使用CSS，则需要在徽标中添加一个类，并按比例设置带和/或高度。例如，如果设置为：40%，则可以将高度设置为“自动”

---

我希望这能有所帮助

是否可以使用媒体查询？它们允许您针对特定设备属性指定css

您可以检查

$（window）.width（）

是否小于某个数值，如果小于某个数值，请将所有相应的图像源更改为较大的图标