圖像縮放在Internet Explorer中不工作

我正在一個簡單的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中縮放這些圖像？

來源

2013-03-02 Farig Sadeque

你可以添加你的代碼粘貼嗎？它可能是一個文檔類型問題或html文檔中的無效語法。 – kumiau 2013-03-02 07:43:36

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

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

如果失敗嘗試添加!important所有樣式

可能是一些落後覆蓋你的風格

來源

2013-03-02 08:10:24

至少與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-16 17:07:48

這對我很有用，非常感謝。把我的頭靠在牆上幾個小時。 – 2016-05-06 17:06:14

圖像縮放在Internet Explorer中不工作

回答

相關問題