图像缩小不在IE中工作

Question

我在html中有这段代码：

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

图像最初为110 x 80，但我将其缩小到40px宽。这在chrome和firefox中运行良好，可以将其缩小到40 x。

但在IE9 / 10中它仍然显示原始大小，即110乘80.

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

Answer 1

如果您使用旧式HTML属性指定width等，则语法不包括px。它必须是：

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

但是，现在使用这些属性被认为是不好的做法 - 不推荐使用这些属性而不支持CSS样式。

CSS可以在元素中指定，所以如果你需要在那里指定它，你会写如下：

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

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

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