Html 图像缩放向下不在IE中工作

我的html中有以下代码：

<img src="images/amazon.png" width="40px" />

图像最初是110乘80，但我正在将其缩小到40px宽。这在chrome和firefox中运行良好，将其扩展到40乘15

但在IE9/10中，它仍然显示原始尺寸，即110 x 80

---

为什么会发生这种情况，我如何解决这个问题？

如果您使用老式的HTML属性来指定

宽度

等，那么语法不包括

px

。它需要：

<img src="images/amazon.png" width="40" />

然而，现在使用这些属性被认为是不好的做法——它们被弃用，取而代之的是CSS样式

CSS可以在元素中指定，因此如果需要在元素中指定CSS，可以编写如下代码：

<img src="images/amazon.png" style="width:40px;" />

请注意，由于这是CSS样式，因此此处需要使用

px

---

更好的做法是在单独的CSS文件中指定宽度（与其他页面布局样式一起）。

为我缩放，顺便说一句，这些属性是不推荐使用的，请使用CSS或内联样式，而不要使用OK，因此我的文件中包含了twitter bootstrap.CSS，这导致了上述“调整大小为原始大小”问题。删除此选项可以解决此问题。我发现

img

的

width

和

height

在bootstrap.css中设置为

auto

。删除这些属性可以解决此问题。有人能解释为什么会这样吗？外星人。。你能提供一个链接说明吗？@Mr.Alien按照HTML5草案规范，宽度和高度属性对于type=“image”的

img

、

iframe

、

embed

、

object

、

video

和

input

都不受欢迎@尺寸的soundswaste CSS规格优先于属性中指定的规格。通过CSS指定

auto

，当您尝试同时使用宽度和高度属性时，事情会变得有趣。