Question

我正在使用一个脚本来创建社交墙或所有社交Feed的墙。此脚本可以过滤社交网络，并在顶部显示图标。它运行良好但在移动设备上图标非常小。我已经考虑过使用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做什么。有人能指出我正确的方向或协助我解决方案吗？

Answer 1

我会告诉你使用CSS代替脚本，因为有些运营商会在他们的移动设备中禁用javascript，并且没有任何设备在编写脚本方面具有相同的行为。如果您使用CSS，则需要在徽标中添加一个类，并按比例设置with和/或height。例如，如果设置为：40％，则可以设置高度：'auto'。

我希望这可以提供帮助！

Answer 2

可能使用媒体查询？它们允许您为特定设备属性指定css。

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

使用jQuery更改移动设备的图像

2 个答案: