0

私は単純な HTML Web サイトで作業していて、問題に直面しました。Twitter や LinkedIn などのロゴは、Internet Explorer (最新バージョン) ではスケーリングされませんが、他のブラウザーは問題なく動作します。ここに私のコードの断片があります:

<td>&nbsp;<a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=<;url>">
<img src="images/linkedin.gif" height="28" width="28" border="0"/>

これらの画像を Internet Explorer で拡大縮小するにはどうすればよいですか?

4

2 に答える 2

1

試す<img src="images/linkedin.gif" style="height:28px; width:28px; border:none;"/>

これが失敗した場合は、!importantすべてのスタイルの後ろに追加してみてください

何かがあなたのスタイルを上書きするかもしれません

于 2013-03-02T08:10:24.403 に答える
1

少なくとも HTML5 を使用している場合、Internet Explorer は img タグの幅と高さのパラメーターをクロップ サイズとして解釈しているように見えることがわかりました。適切にスケーリングされた画像を取得するには、次のように図のタグで囲む必要があります。

<figure style="width: 28; height: 28; margin: 0">
    <img src="images/linkedin.gif" style="max-width: 100%; max-height: 100%"/>
</figure>

これは、他のブラウザでも問題なく動作します。

于 2013-12-16T17:07:48.680 に答える