0

我正在开发一个简单的 HTML 网站，但遇到了一个问题。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 回答