0

我正在使用一个脚本来创建社交墙或我的所有社交订阅源的墙。该脚本具有过滤社交网络的能力，并在顶部有图标。它工作得很好，但在移动设备上，图标非常小。我考虑过使用 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 来执行此操作。有人可以指出我正确的方向或帮助我解决问题吗？

4

2 回答 2

1

我会告诉你使用 CSS 而不是脚本，因为一些运营商习惯在他们的移动设备中禁用 javascript，而且并不是每个设备都有相同的脚本行为。如果您使用 CSS，您需要在徽标中添加一个类并按比例设置 with 和/或 height。例如，如果设置为：40%，则可以设置高度：'auto'。

我希望这能有所帮助！

于 2013-02-12T04:46:04.233 回答
0

也许使用媒体查询？它们允许您针对特定设备属性指定 css。

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

于 2013-02-12T04:48:41.637 回答