2013-03-02 41 views
0

我正在一个简单的HTML网站上工作,并且遇到了问题。 Internet或Twitter等标志没有在Internet Explorer中扩展(这是最新版本) - 但其他浏览器正常工作。这里是我的代码片段:图像缩放在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中缩放这些图像?

+0

你可以添加你的代码粘贴吗?它可能是一个文档类型问题或html文档中的无效语法。 – kumiau 2013-03-02 07:43:36

+0

我认为语法是有效的 - 它可以在Chrome或Firefox中正常工作。和DOCTYPE是html。 – 2013-03-02 07:45:18

回答

1

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

如果失败 尝试添加!important所有样式

可能是一些落后覆盖你的风格

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> 

这也将在其他浏览器正常工作。

+0

这对我很有用,非常感谢。把我的头靠在墙上几个小时。 – 2016-05-06 17:06:14

相关问题