在 Internet Explorer 中未调整 PNG 图像大小答案

【问题标题】：PNG image not getting resized in internet explorer在 Internet Explorer 中未调整 PNG 图像大小
【发布时间】：2016-03-10 11:17:55
【问题描述】：

嗨，

我在我的代码中使用 png 图像。png 图像在除 ie 10 之外的所有浏览器中都可以正常渲染，在 IE 中它显示图像的全尺寸，请查看示例。

我使用的代码如下：

<div onclick="window.location='../Tutor/RegistrationForm/RegistrationForm.php';" style="background-color:
                            #ff8080 !important;display: table; width:400px;height: 80px; overflow: hidden;">
                                <div onclick="window.location='../Tutor/RegistrationForm/RegistrationForm.php';" style="display: table-cell; vertical-align: middle;">
                                    <div style="text-align:center" onclick="window.location='../Tutor/RegistrationForm/RegistrationForm.php';">
                                        <a href="../Tutor/RegistrationForm/RegistrationForm.php"><h4 style="color:white;">&nbsp;<img src="images/tutor.png" align="middle" height="50px" style="-ms-interpolation-mode: bicubic;" width="50px"><b>SignUp As a Tutor!</b></h4> </a>
                                    </div>
                                </div>
                            </div>


<img src="images/tutor.png" align="middle" height="50px" style="-ms-interpolation-mode: bicubic;" width="50px">

我尝试了一些东西，但无法获得预期的结果。任何帮助将不胜感激，在此先感谢。

【问题讨论】：

百分比而不是像素怎么样？宽度和高度
你确定吗？你做了像 width="40%" 这样的改变吗
是的，我确实做了更改，但它不起作用

标签： html css image internet-explorer png

【解决方案1】：

添加一个“高度：自动；”成img风格。 IE 需要它。

【讨论】：

【解决方案2】：

如果你不能用像素或百分比来做到这一点，试试这个

<img src="images/tutor.png" alt="" width="50" height="50" />

或者直接参考这个 CSS keywords

【讨论】：