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

一部の通信事業者はモバイル デバイスで JavaScript を無効にしており、すべてのデバイスがスクリプトで同じ動作をするわけではないため、スクリプトの代わりに CSS を使用することをお勧めします。CSS を使用する場合は、ロゴにクラスを追加し、with および/または height を比例的に設定する必要があります。たとえば:40% と設定すると、height:'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 に答える